React Native / Global Style 적용하기, css
style을 파일별로 적용하는것이 아니라 한 파일에서 style 태그만 관리하려고 할 때 Global Style을 만들어 사용한다. 1. 먼저 최상위 폴더에 styles 폴더 생성 후, global.js 파일을 만들어준다. global.js import { StyleSheet } from "react-native"; export const globalStyles = StyleSheet.create({ container: { padding:24, flex:1, }, titleText:{ fontFamily:'nunito-bold', fontSize:18, color:'#333', }, paragraph:{ marginVerical:8, lineHeight:20, } }); import { StyleShee..
React Native / navigation v5 3(데이터이동)
home.js /데이터를 보내는 화면 import React, {useState} from 'react'; import { View, Text, Button, FlatList, TouchableOpacity} from 'react-native'; import { globalStyles } from '../styles/global' export default function Home({navigation}) { const [reviews, setReviews] = useState([ {title:'book a', rating:5, body: 'first book', key:1}, {title:'book b', rating:4, body: 'second book', key:2}, {title:'book c'..
