Machine_웅_Note

출처 : https://stackoverflow.com/questions/44384773/react-native-100-items-flatlist-very-slow-performance

offset 변경 관련 { this.frameHeight = event.nativeEvent.layout.height; const maxOffset = this.contentHeight - this.frameHeight; if (maxOffset { this.contentHeight = contentHeight; const maxOffset = this.contentHeight - this.frameHeight; if (maxOffset < this.yOffset) { this.yOffset = maxOffset; } }}..

import React, { useState, useEffect } from 'react'; import { StyleSheet, Button, View, SafeAreaView, Text, Alert, TouchableOpacity } from 'react-native'; const functionCompo = (props) => { // 초기 데이터가 있는경우 처리 var init_data = 0; if(props.route.params != undefined){ init_data = props.route.params.data } const [count, setCount] = useState(init_data); function test(){ props.navigation.goBack() } useE..

App.js import React, { Component } from 'react'; import { SafeAreaView, StyleSheet, ScrollView, View, Text, StatusBar, } from 'react-native'; import { NavigationContainer } from '@react-navigation/native'; import { createStackNavigator } from '@react-navigation/stack'; import Home from './src/Home' import Native_Module from './src/Native_Module' import UI_Test from './src/UI_Test' import ReduxSa..

> npm install redux > npm install react-redux 설치는 굉장히 간단하다. 하지만 Redux를 처음 접한다면 상당히 어렵다. Redux를 사용하는 가장 중요한 이유는 컴포넌트들의 상태를 공유하기 위함이다. 아래는 중요한 코드만 적어두겠다. //********************************************** ******************** App.js ******************** ************************************************// ... 생략 ... import { createStore } from 'redux'; import { Provider } from 'react-redux'; const ini..

리듀서 내부에 있는 데이터의 값이 변경되지 않는 경우가 있다. 리덕스의 경우 리듀서 내부의 데이터는 불변한 것이라고 예측하기 때문에 데이터의 일부를 변경하는 것은 불가능 하다. 그렇기 때문에 새로운 데이터를 만들어 덮어 씌우는 방법으로 업데이트를 해야 한다. 리덕스 도큐먼트에서는 아래의 코드를 예시로 던져주고 있다. const initialState = { value: 0 } function counterReducer(state = initialState, action) { // Check to see if the reducer cares about this action if (action.type === 'counter/increment') { // If so, make a copy of `state`..

참고 : https://github.com/facebook/react-native/issues/28551 React Native 0.62.* [TypeError: Network request failed] on file upload · Issue #28551 · facebook/react-native Please provide all the information requested. Issues that do not follow this format are likely to stall. Description After upgrading from 0.61.4 to 0.62.0 the app will not upload files anymore from... github.com

try{ if(ItemArray.get(0) != null){ Glide.with(context) .load(ItemArray.get(0).realUrl) .apply(new RequestOptions() .dontAnimate() .dontTransform() .diskCacheStrategy(DiskCacheStrategy.NONE) .skipMemoryCache(true) ) .into(image_01); }else{ Glide.with(context).clear(image_01); } }catch (Exception e){ Glide.with(context).clear(image_01); }

let myMap = new Map() let keyString = '문자열' let keyObj = {} let keyFunc = function() {} // 값 설정 myMap.set(keyString, "'문자열'과 관련된 값") myMap.set(keyObj, 'keyObj와 관련된 값') myMap.set(keyFunc, 'keyFunc와 관련된 값') myMap.size // 3 // getting the values myMap.get(keyString) // "'문자열'과 관련된 값" myMap.get(keyObj) // "keyObj와 관련된 값" myMap.get(keyFunc) // "keyFunc와 관련된 값" myMap.get('문자열') // "'문자열'과 관련된 값" // ke..

https://www.npmjs.com/package/@react-native-community/viewpager @react-native-community/viewpager React Native ViewPager native view www.npmjs.com //인디케이터 indicator(position){ const {data} = this.state if(data.images == undefined){ return() }else{ return( {data.images.map((value,index) => )} ) } } this.setState({image_position : e.nativeEvent.position})} > {data.images.map((value, index) => )} {..