본문 바로가기
728x90
반응형

리액트네이티브38

[react-native] EXPO로 시작해보기 13 - 갤러리에서 이미지가져오기 (ImagePicker) 전체코드 import React from 'react'; . . . import * as ImagePicker from 'expo-image-picker'; import * as Permissions from 'expo-permissions'; export default class App extends React.Component { state = { . . . image: null, } _pickImage = async () => { const {status_roll} = await Permissions.askAsync(Permissions.CAMERA_ROLL); let result = await ImagePicker.launchImageLibraryAsync({ mediaTypes: ImagePic.. 2019. 8. 14.
[react-native] EXPO로 시작해보기 12 - 탭메뉴 만들기 (react-navigation) [리액트네이티브] - [react-native] 시작해보기 11 - 페이지이동하기(react-navigation) 이전글에 이어 react-navigation를 이용하여 탭메뉴를 만들어보겠습니다 import ... import { createBottomTabNavigator, createAppContainer } from 'react-navigation'; import tabPage1 from './tabPage1' import tabPage2 from './tabPage2' import tabPage3 from './tabPage3' import tabPage4 from './tabPage4' const TabNavigator = createBottomTabNavigator({ 탭메뉴1: { scree.. 2019. 8. 9.
[react-native] EXPO로 시작해보기 11 - 페이지이동하기(react-navigation) expo로 진행하는 프로젝트로 페이지 이동을 위해서는 react-navigation 를 사용해 진행합니다. 설치 >> npm install react-navigation >> expo install react-native-gesture-handler react-native-reanimated import ... //추가 import { createStackNavigator, createAppContainer } from 'react-navigation'; //컴포넌트추가 (네비게이션에서 사용) import TabPage from './TabPage'; import MyPage from './MyPage' class page1 extends React.Component { static navigationO.. 2019. 8. 9.
리액트네이티브 (picker대신 쓸수 있는 selector // TextInput multiline scroll// 달력에서 날짜선택하기//sortable-list) expo에서 사용가능 react-native-input-scroll-view https://github.com/baijunjie/react-native-input-scroll-view 불러오는 중입니다... react-native-modal-selector https://www.npmjs.com/package/react-native-modal-selector react-native-modal-selector A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections. www.npmjs.com react-native-calendars htt.. 2019. 8. 7.
728x90
반응형