Machine_웅_Note

탭 네비게이션의 경우 헤더가 생기지 않는다. 그렇기 때문에 스텍 네비게이터로 감싼것을 탭 네비게이션의 스크린에 추가를 해준다. const Test_1 =createStackNavigator( { NotiMain: { screen: NotiMain }, WriteBoard:{ screen: WriteBoard } } ) const Test_2 = createStackNavigator( { SuggestionsBoard: { screen: SuggestionsBoard }, WriteBoard:{ screen: WriteBoard } } ) const Test_3 = createStackNavigator( { QnABoard: { screen: QnABoard }, WriteBoard:{ screen: Wr..

// 옆에 사이드에서 보여지는것 ( 드로어 네비게이터 메뉴 ) const Main_Draw_View = createDrawerNavigator( { Main_View, Intro_Main : { screen : Intro_Main }, CalenderMain:{ screen :CalenderMain }, BoardMain :{ screen: BoardMain } },{ drawerWidth: Dimensions.get("window").width * 0.5, contentComponent : SideMenu, contentOptions:{ // activeBackgroundColor:'#32C5E6' activeTintColor : '#32C5E6' } } ) contentComponent : 커스텀 할..

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 = ..