【ReactNative】スタイル指定

ReactNative：インラインスタイリング

1.StyleSheetをインポート

import { StyleSheet } from 'react-native';​​​

2.スタイルを指定

<View style={styles.container}></View>

3.StyleSheetをcreate

const styles = StyleSheet.create({
 container: {
   flex: 1,
   flexDirection: 'column',
   justifyContent: 'center',
 },
});​

App.tsx：全文

export default function App() {
 const [scanNow, setScanNow]:[any, any] = useState(false);
 return(
   <View style={styles.container}>
     Text
   </View>
 );
}

const styles = StyleSheet.create({
 container: {
   flex: 1,
   flexDirection: 'column',
   justifyContent: 'center',
 },
});

その他スタイル指定方法