Questions tagged «react-native»

我正在使用FlatList在两列中显示项目列表 <FlatList style={{margin:5}} data={this.state.items} numColumns={2} keyExtractor={(item, index) => item.id } renderItem={(item) => <Card image={item.item.gallery_image_url} text={item.item.name}/> } /> 卡组件只是具有某些样式的视图： <View style={{ flex: 1, margin: 5, backgroundColor: '#ddd', height: 130}} ></View> 它工作正常，但是如果项目数为奇数，则最后一行仅包含一个项目，并且该项目会延伸到屏幕的整个宽度。 如何将项目设置为与其他项目相同的宽度？

76 react-native  react-native-flatlist 

我是android环境的新手。我知道iOS可以在Xcode中完成以禁用设备方向。如何在React Native Android中禁用横向模式或任何方向模式？ 谢谢。

76 android  react-native  react-native-android 

在启动应用程序时使用react-native run-ios其在模拟器上的显示错误Unable to find module for EventDispatcher

76 react-native 

我不想撰写电子邮件。我只希望能够从本机应用程序在用户设备（iOS和Android）上启动主电子邮件应用程序。 场景：注册后，我会向用户发送一封验证电子邮件。

76 react-native  react-native-android  react-native-ios 

据我所知，react-native样式表不支持min-width / max-width属性。 我里面有视图和文字。自动宽度视图不会通过继承文本元素来调整大小。 如何解决该问题并使用文本宽度自动设置视图宽度？ 我的代码是： <View style={{backgroundColor: '#000000'}}> <Text style={{color: '#ffffff'}}>Sample text here</Text> </View> 在常见的HTML / CSS中，我会意识到： <div style="background-color: #000; display: inline;">Sample text here</div> 注意：flex：父视图上的1对我没有帮助。文字显示为 "Sam" "ple" "Tex" "t"

76 javascript  reactjs  react-native 

在本机反应中使用本机javascript库的推荐方法是什么？有没有具体限制？

75 react-native 

我正在尝试为React Native内置的iOS应用加载启动画面。我试图通过类状态，然后通过setTimeout函数来完成此操作，如下所示： class CowtanApp extends Component { constructor(props){ super(props); this.state = { timePassed: false }; } render() { setTimeout(function(){this.setState({timePassed: true})}, 1000); if (!this.state.timePassed){ return <LoadingPage/>; }else{ return ( <NavigatorIOS style = {styles.container} initialRoute = {{ component: LoginPage, title: 'Sign In', }}/> ); } } } 加载页面会工作一秒钟，然后我猜想setTimeout尝试将状态更改为true时，我的程序崩溃了：“未定义不是对象（正在评估this.setState）”。我已经花了几个小时了，关于如何解决它的任何想法？

75 javascript  ios  settimeout  react-native 

在我可以修改以设置iOS statusbar backgroundColor的react native iOS本机代码中是否有一个地方？RCTRootView.m吗？ 该反应原生状态栏组件只支持的backgroundColor为仅适用于Android。 在iOS操作系统似乎允许设置状态栏的backgroundColor 我的目标是使状态栏颜色更深。

75 ios  react-native  ios7-statusbar 

我正在尝试在我的本机应用程序中调整图像尺寸（缩小以适合屏幕尺寸），但由于尺寸太大而无法执行。 这是代码： 'use strict'; var React = require('react-native'); var { StyleSheet, Text, TextInput, View, TouchableHighlight, ActivityIndicatorIOS, Image, Component } = React; var styles = StyleSheet.create({ description: { marginBottom: 20, fontSize: 18, textAlign: 'center', color: '#656565' }, container: { padding: 30, marginTop: 65, alignItems: 'center' }, flowRight: { flexDirection: 'row', alignItems: …

75 javascript  reactjs  react-native 

我在用react-native创建CSS圈子时遇到了一些麻烦。以下内容适用于iPhone 6 Plus，但在所有其他iPhone中，它们都是钻石。 circle: { height: 30, width: 30, borderRadius: 30, } 现在，如果我在PixelRatio上使用它，borderRadius则可以在iPhone 6 plus以外的所有设备上使用。iPhone 6 plus将其渲染为带有圆角的盒子。 circle: { height: 30, width: 30, borderRadius: 30 / PixelRatio.get(), }

75 react-native 

我想实现浮动标签，为此，我在TextInput上方有一个Text组件。我想忽略Text上的所有触摸事件，以便它下面的TextInput获取所有事件。有办法吗？在CSS中，过去我们没有指针事件，我不确定如何在react native中做到这一点。

74 react-native 

我正在尝试使用React Native按照以下方式进行布局。 如何指定B相对于A的位置？ 使用iOS Interface Builder和自动约束，可以非常明确地做到这一点，并且很容易。使用React Native如何实现这一目标还不是很明显。

74 react-native 

Import_this import {AppRegistry, Text, View, Button, StyleSheet} from 'react-native'; 这是我的React Button代码，但是样式无法正常运行... <Button onPress={this.onPress.bind(this)} title={"Go Back"} style={{color: 'red', marginTop: 10, padding: 10}} /> 我也尝试过此代码 <Button containerStyle={{padding:10, height:45, overflow:'hidden', borderRadius:4, backgroundColor: 'white'}} style={{fontSize: 20, color: 'green'}} onPress={this.onPress.bind(this)} title={"Go Back"} > Press me! </Button> 更新问题： 我也尝试过这种方式.. <Button onPress={this.onPress.bind(this)} title={"Go Back"} style={styles.buttonStyle} >ku ka</Button> …

74 reactjs  react-native  jsx  react-native-button 

我正在尝试使用react-native run-android将我的react-native应用程序安装在android studio模拟器上。我已经使用abd-devices检查了模拟器是否可用，并且已经运行了npm-install。 我正在将Ubuntu 18.04与最新版本的android studio和最新的Pixel 2 XL API 28一起使用。 我收到以下错误： spawnSync ./gradlew EACCES Error: spawnSync ./gradlew EACCES at Object.spawnSync (internal/child_process.js:998:20) at spawnSync (child_process.js:622:24) at Object.execFileSync (child_process.js:650:13) at runOnAllDevices (/home/user/react/front-end/project/node_modules /react-native/local-cli/runAndroid/runAndroid.js:299:19) at buildAndRun (/home/user/react/front-end/project/node_modules/react-native/local-cli/runAndroid/runAndroid.js:135:12) at isPackagerRunning.then.result (/home/user/react/front-end/project/node_modules/react-native/local-cli/runAndroid/runAndroid.js:65:12) at processTicksAndRejections (internal/process/next_tick.js:81:5) 我尝试过几次重新启动PC和仿真器。有任何想法吗？ 更新：我重新安装了JDK，npm，react-native-cli和android studio。它仍然给我完全相同的错误。请帮忙。

74 react-native  gradle  android-gradle-plugin 

我想按需手动强制重新加载我的React Native应用程序，而无需物理摇动设备。（我要去腕管。） 我知道可以使用实时刷新/热刷新。我正在寻找按需命令行解决方案。

72 react-native  react-native-android