expo install expo-status-bar
<ScrollView style={styles.container}>
<StatusBar style="black" />
<Text style={styles.title}>나만의 꿀팁</Text>
<Text style={styles.weather}>오늘의 날씨: {todayWeather + '°C ' + todayCondition} </Text>
<Image style={styles.mainImage} source={main}/>
<ScrollView style={styles.middleContainer} horizontal indicatorStyle={"white"}>
<TouchableOpacity style={styles.middleButtonAll} onPress={()=>{category('전체보기')}}><Text style={styles.middleButtonTextAll}>전체보기</Text></TouchableOpacity>
<TouchableOpacity style={styles.middleButton01} onPress={()=>{category('생활')}}><Text style={styles.middleButtonText}>생활</Text></TouchableOpacity>
<TouchableOpacity style={styles.middleButton02} onPress={()=>{category('재테크')}}><Text style={styles.middleButtonText}>재테크</Text></TouchableOpacity>
<TouchableOpacity style={styles.middleButton03} onPress={()=>{category('반려견')}}><Text style={styles.middleButtonText}>반려견</Text></TouchableOpacity>
<TouchableOpacity style={styles.mid
<StatusBar style="black" /> 혹은 light도 있다
네비게이터 yarn add @react-navigation/native
expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
'React-Native' 카테고리의 다른 글
import * as Location from "expo-location"; (0) | 2021.07.17 |
---|---|
리액트]중요한것 '화살표함수' (0) | 2021.07.13 |
setState, setCateState, setReady (0) | 2021.07.13 |
[나만의꿀팁제작]그 후 24시간 후에 문제해결. (0) | 2021.07.12 |
[리액트]함수의 골격 (0) | 2021.07.11 |