Questions tagged «react-native»

当我运行此命令时： react-native run-ios 我的应用默认在iPhone6模拟器设备中运行： Found Xcode project RN.xcodeproj Launching iPhone 6 (9.2)... 默认情况下，如何使该应用程序在其他模拟器设备（例如iPhone5s）中运行？

158 react-native 

例如，我有一个要浮动的元素 <View style={{width: 300}}> <Text style={{backgroundColor: "#DDD"}}>Hello</Text> </View> 如何Text浮动/向右对齐？另外，为什么Text要占用的全部空间View，而不是只占用“ Hello”的空间？

156 react-native 

最近，我开始出现此错误： 要使用相机胶卷，Info.plist中必须存在NSPhotoLibraryUsageDescription密钥。 我正在使用React Native来构建我的应用程序（我不熟悉ios本机开发），而且我不知道如何将此密钥添加到Info.plist 你能举个例子吗？谢谢 我正在使用npm包 "react-native-camera-roll-picker": "^1.1.7"

156 ios  react-native  info.plist 

我正在使用react native开发一个Android应用程序，并且使用了TouchableOpacity组件来创建按钮。 我使用文本输入组件来接受来自用户的文本，并且仅当文本输入与特定字符串匹配时才应启用按钮。 我可以想到一种方法，方法是先在没有TouchableOpactiy包装器的情况下呈现按钮，然后在输入字符串匹配后用包装器重新呈现。 但是我猜想有更好的方法来做到这一点。有人可以帮忙吗？

155 react-native 

最近发布的React本机功能仅是iOS应用示例和文档。

154 android  reactjs  react-native 

我正在使用react-native来构建跨平台应用程序，但是我不知道如何设置环境变量，以便可以为不同的环境使用不同的常量。 例： development: BASE_URL: '', API_KEY: '', staging: BASE_URL: '', API_KEY: '', production: BASE_URL: '', API_KEY: '',

152 react-native 

我正在使用React.JS，当我这样做时react-native run-android（插入设备），我看到一个空白页。当我摇动设备并Debug JS Remotely从选项列表中进行选择时，会看到以下屏幕。 仅供参考： OS: Ubuntu 16.04 Node version is: v4.6.2 java version "1.8.0_111" react": "15.4.1 react-native": "0.38.0

149 android  reactjs  react-native 

我想在视图中添加全屏图像，所以我编写了这段代码 return ( <View style={styles.container}> <Image source={require('image!egg')} style={styles.backgroundImage}/> </View> ) 并将样式定义为 var styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', flexDirection: 'column', }, backgroundImage:{ width:320, height:480, } ... 但是以这种方式应该如何找到iPhone的实际屏幕尺寸？ 我已经看到了用于访问像素密度的API，但是与屏幕尺寸无关... 任何想法？

148 javascript  react-native 

是否可以获得某个视图的大小（宽度和高度）？例如，我有一个视图显示进度： <View ref='progressBar' style={{backgroundColor:'red',flex:this.state.progress}} /> 我需要知道视图的实际宽度才能正确对齐其他视图。这可能吗？

147 ios  react-native 

当我使用react-native init（RN版本0.29.1）创建一个全新的项目并将提取内容放入公共Facebook演示电影API的render方法中时，它将引发Network Request Failed。堆栈跟踪非常无用，我无法在chrome控制台中调试网络请求。这是我要发送的内容： fetch('http://facebook.github.io/react-native/movies.json') .then((response) => response.json()) .then((responseJson) => { return responseJson.movies; }) .catch((error) => { console.error(error); });

145 javascript  react-native  fetch-api 

我真的是React Native的新手，我想知道如何隐藏/显示组件。 这是我的测试用例： <TextInput onFocus={this.showCancel()} onChangeText={(text) => this.doSearch({input: text})} /> <TouchableHighlight onPress={this.hideCancel()}> <View> <Text style={styles.cancelButtonText}>Cancel</Text> </View> </TouchableHighlight> 我有一个TextInput组件，我想要的是TouchableHighlight在输入获得焦点时显示，然后TouchableHighlight在用户按下“取消”按钮时隐藏。 我不知道如何“访问”该TouchableHighlight组件以将其隐藏/显示在我的函数中showCancel/hideCancel。 另外，如何从一开始就隐藏按钮？

143 javascript  react-native 

我试图fetch在React Native中使用以从Product Hunt API获取信息。我已经获得了正确的访问令牌并将其保存到State，但是似乎无法在GET请求的Authorization标头中传递它。 这是我到目前为止的内容： var Products = React.createClass({ getInitialState: function() { return { clientToken: false, loaded: false } }, componentWillMount: function () { fetch(api.token.link, api.token.object) .then((response) => response.json()) .then((responseData) => { console.log(responseData); this.setState({ clientToken: responseData.access_token, }); }) .then(() => { this.getPosts(); }) .done(); }, getPosts: function() { var obj …

141 javascript  oauth-2.0  react-native  fetch-api 

如何arr[]在reducer的redux状态数组中添加元素？我正在这样做- import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserState, action) { console.log(arr); switch (action.type) { case ADD_ITEM: return { ...state, arr: state.arr.push([action.newItem]) } default: return state } }

140 react-native  redux  react-redux 

这是我使用过的视图样式 backCover: { position: 'absolute', marginTop: 20, top: 0, bottom: 0, left: 0, right: 0, } 目前它具有白色背景。我可以根据需要更改backgroundColor，'#343434'但是它最多只能接受6个十六进制值作为颜色，所以我不能像上那样提供不透明度'#00ffffff'。我尝试使用这样的不透明度 backCover: { position: 'absolute', marginTop: 20, top: 0, bottom: 0, left: 0, right: 0, opacity: 0.5, } 但会降低视图内容的可见性。有什么答案吗？

139 react-native 

是componentDidMount()在React Native中用作异步函数的好习惯还是应该避免呢？ 我需要从AsyncStorage组件安装时获取一些信息，但是我知道使之成为可能的唯一方法是使componentDidMount()函数异步。 async componentDidMount() { let auth = await this.getAuth(); if (auth) this.checkAuth(auth); } 有什么问题吗，还有其他解决方案吗？

139 reactjs  asynchronous  react-native