/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow strict-local
*/
import React from 'react';
import type {Node} from 'react';
import { SafeAreaView, ScrollView, StatusBar, StyleSheet, Text, useColorScheme, View, } from 'react-native';
import { Colors, DebugInstructions, Header, LearnMoreLinks, ReloadInstructions, } from 'react-native/Libraries/NewAppScreen';
const Section = ({children, title}): Node => {
const isDarkMode = useColorScheme() === 'dark';
return (
{title}
{children}
);
};
const styles = StyleSheet.create({
sectionContainer: { marginTop: 5, paddingHorizontal: 5, },
sectionTitle: { fontSize: 20, fontWeight: '600', },
sectionDescription: { marginTop: 8, fontSize: 18, fontWeight: '400', },
highlight: { fontWeight: '700', },
textLargeStyle: { fontSize: 20, textAlign: 'center', fontFamily: 'DancingScript-Regular', },
});
const App: () => Node = () => {
const isDarkMode = useColorScheme() === 'dark';
const backgroundStyle = { backgroundColor: isDarkMode ? Colors.darker : Colors.lighter, };
return (
à¹à¸à¹‰à¹„ขà¹à¸Ÿà¹‰à¸¡ App.js เพื่à¸à¹€à¸›à¸¥à¸µà¹ˆà¸¢à¸™à¸«à¸™à¹‰à¸²à¸ˆà¸ เมื่à¸à¸à¸¥à¸±à¸šà¸¡à¸²à¸”ูหน้าจà¸à¸™à¸µà¹‰à¸ˆà¸°à¸žà¸šà¸à¸²à¸£à¹€à¸›à¸¥à¸µà¹ˆà¸¢à¸™à¹à¸›à¸¥à¸‡à¸—ี่ได้à¹à¸à¹‰à¹„ขไป{"\n"}
ฟà¸à¸™à¸•à¹Œ (Font) 1{"\n"}
ฟà¸à¸™à¸•à¹Œ (Font) 2{"\n"}
ฟà¸à¸™à¸•à¹Œ (Font) 3{"\n"}
ฟà¸à¸™à¸•à¹Œ (Font) 4{"\n"}
ฟà¸à¸™à¸•à¹Œ (Font) 5{"\n"}
ฟà¸à¸™à¸•à¹Œ (Font) 6{"\n"}
ฟà¸à¸™à¸•à¹Œ (Font) 7{"\n"}
DancingScript-Bold{"\n"}
DancingScript-Regular{"\n"}
);
};
export default App;
/* LearnMoreLinks , DebugInstructions , https://aboutreact.com/custom-fonts-in-react-native/ */