Machine_웅_Note

import React, { Component } from 'react'; import { View, Text, FlatList,TouchableOpacity } from 'react-native'; import { NavigationContainer } from '@react-navigation/native'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; const Tab = createBottomTabNavigator(); class App extends Component { render() { return ( { return ( ) }, */ // 탭바에서 숨기기 // tabBarButton: (props) =>..

ref 사용법 class AutoFocusText extends React.Component{ constructor(props){ this.textRef = React.createRef() } componentDidMount(){ console.log(this.textRef.current.state) this.textRef.current.focusTextInput() } render(){ return( ) } } 부모클래스에서 자식클래스의 함수를 호출하기 -커스텀 컴포넌트의 ref는 해당 컴포넌트의 인스턴스를 가르킨다 -인스턴스 이므로 모든 데이터와 함수를 가져올수 있다 class CustomTextInput extends React.Component { constructor(props) { this.i..

android / app / src / main / AndroidManifest.xml activity android:name=".MainActivity" android:windowSoftInputMode="adjustPan" ... > ...

require ( 'react-native'). unstable_enableLogBox ()

import { CommonActions } from "@react-navigation/native"; this.props.navigation.dispatch( CommonActions.reset({ index: 0, routes: [ {name: YOU_WANT_SCREENs}, ], }) );

// 스텍에 쌓고 이동하기 ( 뒤로가기시 페이지로 돌아옴 ) this.props.navigation.navigate('스크린 이름 ') // 이전페이지로 돌아가기 ( 위의 navigate 를 이용하여 이동한 경우 가능 payLoad 가 2개 이상인 경우에 가능 하다 ) this.props.navigation.pop(); // 스텍의 제일 윗 페이지로 이동 this.props.navigation.popToTop() // 새롭게 컴포넌트를 스텍이 쌓는다. ( 이전에 스텍에 쌓여있으면 그걸 불러온다 ) this.props.navigation.push(); // 스텍쌓지 않고 이동하기 ( 뒤로가기시 이전페이지로 돌아갈 수 없음 ) this.props.navigation.replace('스크린이름') // 중첩된..

change_list(list){ this.setState({ datalist:list, selectedItem:list[0] }) } componentWillReceiveProps(nextProps) { // this.props 는 아직 바뀌지 않은 상태 console.log("componentWillReceiveProps!!!!!!!!!!!!!!!!!!!") if(this.state.datalist[0].value != nextProps.items[0].value){ console.log("새로운 리스트 !") this.change_list(nextProps.items) }else{ console.log("기존 리스트 !") } }

test.unshift('123'); // 앞에 새로운 배열값 추가 test.push('890'); // 뒤에 새로운 배열값 추가

Image uri가 같고 데이터만 변경된 경우 캐시 문제가 남아 이미지가 갱신이 안되는경우 uri 에 추가로 값을 붙여서 보여준다.

https://github.com/axios/axios react-native-axios Promise based HTTP client for the browser and node.js www.npmjs.com import import axios from 'axios'; async send_server() { const server_url = 'http://192.168.25.13/index.php' let options = { method: 'POST', url: server_url, headers: { 'Accept': 'application/json', 'Content-Type': 'application/json; charset=UTF-8' }, data: { property_one: "값", pr..