[React Native] Style

import React, { useState } from "react";
import { StyleSheet, Text, View, TextInput, Button } from "react-native";
export default function App() {
  return (
    <View style={styles.screen}>
      ...
    </View>
  );
}
const styles = StyleSheet.create({
  screen: {
    padding: 3
  }
});

StyleSheet에있는 screen요소를 설정해주면 View style에서 styles.screen 으로 해당 값을 사용할 수 있다.

style ={} 안에 인라인으로 작성된 코드를 밖으로 빼서 코드를 좀 더 간결하게만들 수 있다. 또한 같은 스타일을 여러번 사용할 수 있다.