Questions tagged «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, marginTop: 5, fontSize: 18, borderWidth: 1, borderRadius: 4, borderColor: '#E6E5ED', backgroundColor: '#F8F8F9', justifyContent: 'flex-start', height: 150 }

89 javascript  ios  reactjs  react-native 

Animated.spring完成时触发事件的最佳实践是什么？ Animated.spring(this.state.pan, { toValue: 0 }).start() 我已经搜索了很多，还没有找到一种方法来做到这一点。我可以使用addListener来检查动画是否达到了最终值或超时，但是它们都感觉很难修复，因此应该非常简单。 有人知道吗？

88 react-native 

对于类似聊天的应用程序，我希望将ScrollView组件滚动到底部，因为最新消息显示在较旧的消息下方。我们可以调整a的滚动位置ScrollView吗？

87 react-native 

我已经开始了一个新的React Native项目，并且不断收到以下警告： 远程调试器位于背景选项卡中，这可能会导致应用运行缓慢。通过突出显示选项卡（或在单独的窗口中打开）来解决此问题。 这有点烦人，所以我想知道如何摆脱它？我在Chrome中运行调试器，将其移至单独的窗口，但没有帮助。

86 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} renderItem={this.renderEntries.bind(this)} horizontal={false} />

86 reactjs  react-native  react-native-flatlist 

如何<Text> some text </Text>在React Native中设置为大写 <Text style={{}}> Test </Text> 需要证明该测试为TEST。

85 react-native 

我正在使用react本机导航（react-navigation）StackNavigator。它从应用程序整个生命周期的“登录”页面开始。我不想返回选项，返回“登录”屏幕。有谁知道登录屏幕后如何将其隐藏在屏幕上？顺便说一句，我也使用以下命令将其隐藏在登录屏幕中： const MainStack = StackNavigator({ Login: { screen: Login, navigationOptions: { title: "Login", header: { visible: false, }, }, }, // ... other screens here })

85 reactjs  react-native  navigation  react-navigation 

我试图弄清楚如何更改ReactNative应用程序名称。我的设备上安装的APK只是带有Android图标的“应用”。我该如何更改？ 我尝试更改package.json并重新运行react-native升级，但未更新AndroidManifest.xml

84 react-native 

我目前正在使用React Native构建一个测试应用程序。到目前为止，图像模块一直运行良好。 例如，如果我有一个名为的图像avatar，则以下代码段可以正常工作。 <Image source={require('image!avatar')} /> 但是但是如果我将其更改为动态字符串，则会得到 <Image source={require('image!' + 'avatar')} /> 我得到错误： 需要未知模块“ image！avatar”。如果您确定模块在那里，请尝试重新启动打包程序。 显然，这是一个人为的示例，但是动态图像名称很重要。React Native是否不支持动态图像名称？

84 javascript  react-native  jsx 

当我运行命令时react-native start，它显示Packager can't listen on port 8081。 我知道问题与使用我的端口8081的软件有关。 我使用资源监视器查看端口，但找不到8081，没有8081 有人可以告诉我如何找到它吗？

84 react-native 

我的React Native代码中有以下render方法： 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组件，则可以正常工作。另一方面，如果删除Image组件，它仍然会给出该错误。我看不到为什么会出现此错误，并且<View>应该能够在其中包含多个组件进行渲染。 有任何想法吗？

83 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 com.facebook.soloader.SoLoader.loadLibrary(SoLoader.java:484) at com.facebook.hermes.reactexecutor.HermesExecutor.<clinit>(HermesExecutor.java:20) at com.facebook.hermes.reactexecutor.HermesExecutorFactory.create(HermesExecutorFactory.java:27) at com.facebook.react.ReactInstanceManager$5.run(ReactInstanceManager.java:949) at java.lang.Thread.run(Thread.java:760) 这里的建议很少：https : //github.com/facebook/react-native/issues/25601，但是不幸的是，这些建议都不对我有用。请提出解决方法。

83 android  react-native 

是否有说明需要更改哪些内容以重命名React Native项目？我有一个名为MyAppIOS的应用程序，我想将其重命名为MyApp（现在已经不再支持Android）

82 react-native 

我有一个在React Native Navigator组件中创建的react-redux容器组件。我希望能够将导航器作为道具传递给此容器组件，以便在其演示组件中按下按钮之后，它可以将一个对象推入导航器堆栈。 我想这样做而无需手写react-redux容器组件给我的所有样板代码（并且也不要错过react-redux也会给我的所有优化）。 容器组件代码示例： const mapStateToProps = (state) => { return { prop1: state.prop1, prop2: state.prop2 } } const mapDispatchToProps = (dispatch) => { return { onSearchPressed: (e) => { dispatch(submitSearch(navigator)) // This is where I want to use the injected navigator } } } const SearchViewContainer = connect( …

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来临时解决它。我更改了应用程序名称后可能会发生这种情况（因为这也是我一直试图做的事情）。 我可能必须使用Gradle进行更改，以便它再次生成正确的文件。 /** * Automatically generated file. DO NOT MODIFY */ package com.app; public final class BuildConfig { public static final boolean DEBUG = Boolean.parseBoolean("true"); public static …

82 react-native