Questions tagged «react-native»

我如何在React native中获得屏幕宽度？ （我需要它，因为我使用了一些重叠的绝对组件，并且它们在屏幕上的位置随不同设备而改变）

105 react-native 

StyleSheet.create()与普通对象相比，使用它的好处是什么？ const styles = StyleSheet.create({ container: { flex: 1 } } VS. const styles = { container: { flex: 1 } }

105 react-native 

我想在React Native中查看我的网络请求以帮助我进行调试-最好在Chrome devtool的“网络”标签中。 在GitHub（https://github.com/facebook/react-native/issues/4122和https://github.com/facebook/react-native/issues/934）上有一些封闭的问题，但我没有不能完全理解它们。听起来我需要撤消一些React Native的polyfill，然后运行带有额外调试标志的某些命令，也许还要修改某些Chrome安全设置？显然，这样做涉及到一些安全问题，这可能使它成为一个可怕的主意，但是线程中没有人明确声明它们的含义。 有人可以提供逐步指南以使“网络”选项卡与React Native一起使用，以及对这样做所涉及的安全性问题的解释吗？

105 javascript  google-chrome-devtools  react-native 

我只支持纵向视图。我该如何使React Native应用程序不自动旋转？我尝试搜索文档和Github问题，但没有发现任何帮助。

104 ios  react-native 

我面临一个奇怪的问题。在我的本机应用程序中，如果我未将onPress事件设置View为触发，但如果将其设置为Textinside View，则会触发。我在这里想念什么？ <View style={{backgroundColor: "red", padding: 20}}> <Text onPress={()=> { console.log('works'); } }>X</Text> </View> <View style={{backgroundColor: "red", padding: 20}} onPress={()=> { console.log('does not work'); } }> <Text>X</Text> </View> 为什么会这样呢？这是React Native的问题吗？我正在使用版本0.43

104 react-native  react-native-android 

是否有可能像在模拟器上那样通过命令行直接在iOS设备上运行react-native应用程序react-native run ios --simulator "iPhone 5s"？

104 ios  react-native 

如何存储本地文件（如JSON），然后从控制器中获取数据？

103 json  react-native  local-files 

我有一个TextInput。我不希望显示输入的实际文本，而是希望用户输入文本时显示星号（****）。我怎样才能做到这一点？ <TextInput style={{ height: 40, borderColor: 'gray', borderWidth: 1 }} onChangeText={(text) => this.setState({input: text})} />

102 react-native 

我使用ReactNative为iOS和android构建了一个带有的应用ListView。当使用有效的数据源填充listview时，屏幕底部将显示以下警告： 警告：数组或迭代器中的每个子代都应具有唯一的“键”道具。检查的渲染方法ListView。 此警告的目的是什么？消息后，它们链接到此页面，在此页面上讨论了完整的不同内容，这些内容与react native无关，而与基于Web的reactjs有关。 我的ListView是使用以下语句构建的： render() { var store = this.props.store; return ( <ListView dataSource={this.state.dataSource} renderHeader={this.renderHeader.bind(this)} renderRow={this.renderDetailItem.bind(this)} renderSeparator={this.renderSeparator.bind(this)} style={styles.listView} /> ); } 我的数据源包含以下内容： var detailItems = []; detailItems.push( new DetailItem('plain', store.address) ); detailItems.push( new DetailItem('map', '') ); if(store.telefon) { detailItems.push( new DetailItem('contact', store.telefon, 'Anrufen', 'fontawesome|phone') ); } if(store.email) { detailItems.push( …

101 facebook  listview  reactjs  react-native 

我想显示svg文件（我有一堆svg图像），但是我找不到显示方法。我尝试使用react-native-svg的Image和Use组件，但是它们不能使用。我试图用本机的方式做到这一点，但是要显示svg图像确实非常困难。 示例代码： import Svg, { Use, Image, } from 'react-native-svg'; <View> <Svg width="80" height="80"> <Image href={require('./svg/1f604.svg')} /> </SvgRn> </View> 我也知道react native基本上不支持svg，但是我认为有人用棘手的方式解决了这个问题（有/没有react-native-svg）

101 javascript  svg  react-native 

我需要有一个TextInput只允许输入数字字符（0-9）的React Native组件。我可以设置keyboardType到numeric几乎让我在那里除了周期输入（）。但是，这并不能阻止将非数字字符粘贴到该字段中。 到目前为止，我想出的是使用OnChangeText事件来查看输入的文本。我从文本中删除了所有非数字字符。然后将文本放在状态字段中。然后TextInput通过它的Value属性更新。下面的代码段。 <TextInput style={styles.textInput} keyboardType = 'numeric' onChangeText = {(text)=> this.onChanged(text)} value = {this.state.myNumber} /> onTextChanged(text) { // code to remove non-numeric characters from text this.setState({myNumber: text}) } 这似乎可行，但似乎很简单。还有另一种方法吗？

101 react-native 

我正在React Native中创建一个表单，并希望使TextInput屏幕宽度达到80％。 使用HTML和普通CSS，这很简单： input { display: block; width: 80%; margin: auto; } 除了React Native不支持display属性，百分比宽度或自动边距。 那我该怎么办呢？有这个问题的一些讨论中作出反应原住民的问题跟踪器，但提出的解决方案似乎是讨厌的黑客。

98 javascript  css  reactjs  react-native 

React Native中是否有与此CSS等效的字体，以便该应用程序各处都使用相同的字体？ body { font-family: 'Open Sans'; } 在每个“文本”节点上手动应用它似乎过于复杂。

98 react-native 

我正在Android上使用React native。如何更新应用程序中的版本号？当我收到此错误。 我正在根据此URL https://facebook.github.io/react-native/docs/signed-apk-android.html生成文件 我曾尝试修改AndroidManifest.xml文件，但是在构建它之后，该文件会自动被修改回来。 <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.facebook.react" android:versionCode="1" android:versionName="1.0" > 在这里，我修改了XML： <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.facebook.react" android:versionCode="2" android:versionName="1.1" > 之后，构建文件会自动更改回。

97 android  react-native 

我是React的新手，我了解基于组件的内联样式的好处。但是我想知道是否有一种不错的方式来具有某种全球风格。例如，我想在我的整个应用程序中使用相同的文本和按钮颜色。 而不是在每个组件中重复（然后需要在x位置上进行更改），我的最初想法是在自己的文件中创建一个“基本” StyleSheet类，并将其导入到我的组件中。 有更好或更“反应”的方式吗？

96 react-native