일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- set
- 배열중복요소제거
- reactnative
- TS
- react
- Filter
- 슬라이딩윈도우
- npm에러
- map
- err_connection_refused
- app:compiledebugkotlin
- Spring
- 안드로이드빌드에러
- 상속
- app.post
- javascript
- async
- reactnative error
- generic
- 이진탐색
- materialicons
- mainapplication.kt
- 타입스크립트
- 리액트네이티브아이콘
- Next.js
- forwardref type
- interface
- array
- 스크롤이벤트
- extends
- Today
- Total
목록React Native (18)
rhanziy
expo를 설치했다면 자동으로 icon 라이브러리도 설치된다. Fontisto 의 아이콘 스타일을 import 하고 import { Fontisto } from '@expo/vector-icons'; 원하는 스타일의 아이콘태그로 사용할 수 있다. 단일 아이콘이라면 사이트에서 복사해다 쓰면 되는데, 나는 날씨에 맞게 아이콘을 표출하고싶어서 이렇게 작성했다. icon object 생성해서 weather API의 day데이터와 일치하는 아이콘 띄워주기.(물론 사이트에서 일일이 찾음) const icons = { "Clouds" : "cloudy", "Rain" : "rains", "Clear" : "day-sunny", "Snow" : "snowflake", "Atmosphere" : "cloudy-gusts..
import부분을 살펴보면 react-native에서 가져오는게있고 expo에서 가져오는게 있다. react-native에서 기존에 지원하던 라이브러리들을 축소해 더 가볍게 개발할 수 있게 바뀌었고, 그밖에 expo사이트에서 에서 필요한 라이브러리를 import해 사용하면 됨. import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View } from 'react-native'; export default function App() { return ( hello ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignIte..