«react-native» 태그된 질문

텍스트 입력이 가운데 정렬되어 있습니다.이 텍스트 입력을 수정하여 왼쪽 상단 모서리에서 입력을 받도록하는 방법 다음은 텍스트 입력 용 CSS입니다. /* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */ input: { flex: 1, padding: 4, marginRight: 1, …

89 javascript  ios  reactjs  react-native 

Animated.spring이 끝날 때 이벤트를 트리거하는 가장 좋은 방법은 무엇입니까? Animated.spring(this.state.pan, { toValue: 0 }).start() 나는 꽤 많이 검색했지만 그것을 수행하는 단일 방법을 찾지 못했습니다. addListener를 사용하여 애니메이션이 종료 값 또는 시간 초과에 도달했는지 확인할 수 있지만 둘 다 매우 간단해야하는 것에 대한 추악한 수정처럼 느껴집니다. 아는 사람 있나요?

88 react-native 

새로운 React Native 프로젝트를 시작했는데 다음과 같은 경고가 계속 표시됩니다. 원격 디버거가 백그라운드 탭에있어 앱이 느리게 수행 될 수 있습니다. 탭을 포 그라운드로 설정하거나 별도의 창에서 열어이 문제를 해결하세요. 좀 짜증이 나서 어떻게 제거 할 수 있는지 알고 싶나요? Chrome에서 디버거를 실행 중이며 별도의 창으로 이동했지만 도움이되지 않았습니다.

88 react-native 

ListView와 달리 this.state.datasource를 업데이트 할 수 있습니다. FlatList를 업데이트하거나 다시 렌더링하는 방법이나 예제가 있습니까? 내 목표는 사용자가 버튼을 누를 때 텍스트 값을 업데이트하는 것입니다. renderEntries({ item, index }) { return( <TouchableHighlight onPress={()=> this.setState({value: this.state.data[index].value+1})> <Text>{this.state.data[index].value}</Text> </TouchableHighlight> ) } <FlatList ref={(ref) => { this.list = ref; }} keyExtractor={(item) => item.entry.entryId} data={this.state.data} …

88 reactjs  react-native  react-native-flatlist 

채팅과 같은 앱의 경우 ScrollView최신 메시지가 이전 메시지 아래에 표시되기 때문에 구성 요소를 맨 아래로 스크롤 하고 싶습니다 . 스크롤 위치를 조정할 수 있습니까 ScrollView?

87 react-native 

내 React Native 코드에 다음과 같은 렌더링 방법이 있습니다. render() { const {height, width} = Dimensions.get('window'); return ( <View style={styles.container}> <Image style={{ height:height, width:width, }} source={require('image!foo')} resizeMode='cover' /> <TouchableHighlight style={styles.button}/> </View> ); } 그것은 나에게 React.Children.only는 단일 React 요소 자식을받을 것으로 예상됩니다. 오류. TouchableHighlight구성 요소를 제거하면 제대로 작동합니다. 반면에 이미지 …

86 react-native 

반응 네이티브 탐색 (반응 탐색) StackNavigator를 사용하고 있습니다. 앱의 전체 수명주기 동안 로그인 페이지에서 시작됩니다. 뒤로 옵션을 원하지 않고 로그인 화면으로 돌아갑니다. 로그인 화면 후 화면에서 숨길 수있는 방법을 아는 사람이 있습니까? BTW, 나는 또한 다음을 사용하여 로그인 화면에서 숨기고 있습니다. const MainStack = StackNavigator({ Login: { screen: Login, navigationOptions: …

85 reactjs  react-native  navigation  react-navigation 

<Text> some text </Text>React Native에서 대문자 로 설정하는 방법 <Text style={{}}> Test </Text> 해당 테스트를 TEST로 표시해야합니다.

85 react-native 

명령을 실행 react-native start하면 표시 Packager can't listen on port 8081됩니다. 내 포트 8081을 사용하는 소프트웨어에 대한 문제라는 것을 알고 있습니다. 리소스 모니터를 사용하여 포트를 확인했지만 8081을 찾을 수 없습니다. 8081이 없습니다. 누군가 그것을 찾는 방법을 보여줄 수 있습니까?

84 react-native 

현재 React Native를 사용하여 테스트 앱을 구축하고 있습니다. 이미지 모듈은 지금까지 잘 작동했습니다. 예를 들어라는 이미지가있는 경우 avatar아래 코드 조각이 제대로 작동합니다. <Image source={require('image!avatar')} /> 하지만 동적 문자열로 변경하면 <Image source={require('image!' + 'avatar')} /> 오류가 발생합니다. 알 수없는 모듈 "image! avatar"가 필요합니다. 모듈이있는 것이 확실하면 패키저를 다시 시작하십시오. 분명히 이것은 …

84 javascript  react-native  jsx 

ReactNative 앱 이름을 변경하는 방법을 알아 내려고합니다. 내 기기에 설치된 APK는 Android 아이콘이있는 '앱'입니다. 어떻게 변경할 수 있습니까? package.json을 변경하고 반응 네이티브 업그레이드를 다시 실행하려고 시도했지만 AndroidManifest.xml을 업데이트하지 않았습니다.

84 react-native 

React -native 버전 0.60.2 를 사용하도록 프로젝트를 업데이트 했습니다 . 그러나 Android 장치에서 응용 프로그램을 실행하려고 할 때 시작 화면 후에 충돌이 발생합니다. 다음과 같은 오류 로그가 있습니다. E/AndroidRuntime: FATAL EXCEPTION: create_react_context Process: com.tjspeed, PID: 3909 java.lang.UnsatisfiedLinkError: couldn't find DSO to load: libhermes.so at com.facebook.soloader.SoLoader.doLoadLibraryBySoName(SoLoader.java:738) at com.facebook.soloader.SoLoader.loadLibraryBySoName(SoLoader.java:591) at com.facebook.soloader.SoLoader.loadLibrary(SoLoader.java:529) at …

83 android  react-native 

누군가 react-native run-ios가 OSX의 터미널 대신 iTerm에서 실행 하도록 구성 할 수 있습니까? 기본적으로 새 터미널 창이 열리지 만 터미널은 iTerm처럼 내 창 관리자와 잘 작동하지 않습니다.

83 macos  react-native 

React Native Navigator 구성 요소 내에서 생성 된 react-redux 컨테이너 구성 요소가 있습니다. 내비게이터를이 컨테이너 구성 요소에 소품으로 전달하여 프레젠테이션 구성 요소 내부에서 버튼을 누른 후 개체를 탐색기 스택으로 푸시 할 수 있기를 원합니다. react-redux 컨테이너 구성 요소가 제공하는 모든 상용구 코드를 직접 작성할 필요없이이 작업을 수행하고 싶습니다 (또한 여기서도 …

82 reactjs  react-native  redux  react-redux 

React Native Android 앱을 컴파일하려고 할 때이 오류가 발생합니다. Android 앱은 BuildConfig.DEBUG를 확인할 수 없습니다. :app:processDebugJavaRes UP-TO-DATE :app:compileDebugJavaWithJavac /Users/amirsharif/mobile-rappad/android/app/src/main/java/com/rappadmobile/MainActivity.java:29: error: cannot find symbol .setUseDeveloperSupport(BuildConfig.DEBUG) ^ symbol: variable BuildConfig location: class MainActivity >1 error :app:compileDebugJavaWithJavac FAILED 간단히 true로 설정하여 일시적으로 해결할 수 있습니다. 이것은 내가 응용 프로그램 이름을 변경 한 후에 …

82 react-native