Machine_웅_Note

const Main_Stack = createStackNavigator( { Home:{ screen:Home } } ) const Main_Drawer = createDrawerNavigator( { Main_Stack , Board1 : { screen : Board1 }, Board2 : { screen : Board2 } } )

static navigationOptions = ({navigation}) => { // // 헤더의 오른쪽에 버튼 만들기 // headerRight: () => ( // // ), return{ // 헤더의 왼쪽에 버튼 만들기 headerLeft: () => ( navigation.openDrawer()} title="Draw" color='red' /> ), // // 헤더의 텍스트를 가운데로 정렬 headerTitleAlign: 'center', } };

static navigationOptions = { // 헤더의 오른쪽에 버튼 만들기 headerRight: () => ( alert('This is a button!')} title="Info" color="#fff" /> ), // 헤더의 왼쪽에 버튼 만들기 headerLeft: () => ( alert('This is a button!')} title="Info" color="#fff" /> ), // 헤더의 텍스트를 가운데로 정렬 headerTitleAlign: 'center', }; 또는 해더 자체에 컴포넌트를 넣을 수 있다 , static navigationOptions = { headerTitle: () => , }; class Title extends Component { render(){..

Comp import React,{Component} from 'react'; import { View, Text, StyleSheet, TouchableHighlight } from 'react-native'; import searchApi from './searchApi'; class SearchId extends Component { static navigationOptions = { title : '아이디 찾기' } state = { isclick : false, result : "없음", test : new searchApi() } async testt (){ let result2 = await this.test.request_Server() console.log("값11 "+ result2) ..

https://github.com/react-native-community/async-storage 저장 storeData = async () => { try { await AsyncStorage.setItem('@storage_Key', 'stored value') } catch (e) { // saving error } } 불러오기 getData = async () => { try { const value = await AsyncStorage.getItem('@storage_Key') if(value !== null) { // value previously stored } } catch(e) { // error reading value } } 지우기 removeValue = async () => { ..

Rn // 서버와의 통신 // mode == 1 아이디 체크 mode == 2 닉네임체크 fetchData = async(mode,data) =>{ console.log("fetch 시도 ") fetch("http://192.168.0.224:80/eo1Project/Account/checkExistData.php",{ method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', }, body: JSON.stringify({ userData: data, mode:mode }) }) .then((response)=> response.json()) .then((responseJson) => { conso..

import React,{Component} from 'react'; import { SafeAreaView, View, FlatList, StyleSheet, Text,TextInput,Button } from 'react-native'; const Item =({ title,user }) => { return ( {title} 작성자 by.{user} ); } export default class FlatListView extends Component { state = { Data1:[], userId:'', userTitle:'' } constructor(){ super() this.addList = this.addList.bind(this) this.getUserId =this.getUserId...

import React from 'react' //'react-native'에서 ToastAndroid 가져오기 import { View, Text, ToastAndroid } from 'react-native' let styles const Toast = () => { let { container, button} = styles // ToastAndroid.show()를 호출하는 basicToast 메서드 만들기 const basicToast = () => { ToastAndroid.show('Hello World!', ToastAndroid.LONG) } // ToastAndroid.showWithGravity()를 호출하는 gravityToast 메서드 만들기 const gravityToast = ..

이전 드로어 레이아웃 만들기에서 App.js 에 임폴트 해주고 case 추가 Menu.js 에 버튼 이벤트 추가 해준다 . import React, { Component } from 'react' // 'react-native'에서 ViewPagerAndroid 가져오기 import { View, Text } from 'react-native' import ViewPager from "@react-native-community/viewpager" import Home from './Home' import Toolbar from './Toolbar' class ViewPagerComponent extends Component { render () { const { pageStyle, page1Style, ..

index.js import React,{Component} from 'react' import {AppRegistry,DrawerLayoutAndroid,Button,View, TouchableWithoutFeedbackBase} from 'react-native' import App from './app/App'; import Menu from './app/Menu'; import {name as appName} from './app.json'; /* 기본 페이지를 'Home'으로 만들어 놓은 드로어 레이아웃을 루트로 랜더링 한다. */ class mycomponent extends Component{ constructor(){ super() this.state = { scene : 'Home' } ..