statusbar
-
[todo_app_3] ui- 기본, 입력칸프로젝트/[react]todo_app 2018. 5. 12. 14:29
기본적인 ui 작업import React from 'react';import { StyleSheet, Text, View, StatusBar, TextInput, Dimensions, Platform } from 'react-native'; const { height, width } = Dimensions.get("window"); {/*윈도우 크기 알아내서 저장*/} export default class App extends React.Component { render() { return ( {/*상단의 status bar 변경*/} Cute To Do ); }} const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#F2..
-
[weather_app_4] 상태바/벡터아이콘/위치정보 에러처리프로젝트/[react]weather_app 2018. 4. 25. 17:12
상태바(status bar)없애기react-native가 제공하는 api 사용 import { StyleSheet, Text, View, Image, StatusBar } from "react-native"; render() { const { isLoaded } = this.state; return ( {isLoaded ? : ( Getting the weather )} ); } 아이콘expo의 패키지 vector-icon 사용하기 https://expo.github.io/vector-icons/ import { Ionicons } from "@expo/vector-icons"; 이런식으로 사용한다 name props에 사용하고 싶은 것을 집어넣자 리액트 네이티브에서 위치정보 얻기componentDidM..