-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
67 lines (59 loc) · 1.55 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
import { StyleSheet, Text, View } from "react-native";
import * as Font from "expo-font";
import { useState } from "react";
import AppLoading from "expo-app-loading";
import { MyTabs } from "./appComponents/navigators/tabs";
// android/app/src/main/AndroidManifest.xml for permissions
const getFonts = () => {
return Font.loadAsync({
mochiyBold: require("./newassets/fonts/MochiyPopPOne-Regular.ttf"),
dongleRegular: require("./newassets/fonts/Dongle-Regular.ttf"),
dongleBold: require("./newassets/fonts/Dongle-Bold.ttf"),
});
};
export default function App() {
const [fontsLoaded, setfontsLoaded] = useState(false);
if (fontsLoaded) {
return <MyTabs />;
} else {
return (
<AppLoading
startAsync={getFonts}
onFinish={() => setfontsLoaded(true)}
onError={(err) => console.log(err)}
/>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "#fff",
alignItems: "center",
justifyContent: "center",
},
fontTest: {
fontFamily: "mochiyBold",
},
});
/*
added:
expo font
expo app loading
--
navigation:
@react-navigation/native
@react-navigation/bottom-tabs
@react-navigation/stack
- react-native-gesture-handler - react-native-safe-area-context
react-native-screens
react-native-swipeout
uuid: react-native-uuid
async storage: @react-native-async-storage/async-storage
formik: formik
storage: @react-native-async-storage/async-storage
icons: @expo/vector-icons
icon: 1024x1024
splash writing color: f0c8d0
react native deck swiper
*/