Questions tagged «react-native»

在React Native中，它borderRadius可以正常工作，但是赋予按钮的背景色保持正方形。这里发生了什么？ JS <TouchableHighlight style={styles.submit} onPress={() => this.submitSuggestion(this.props)} underlayColor='#fff'> <Text style={[this.getFontSize(),styles.submitText]}>Submit</Text> </TouchableHighlight> 样式 ... submit:{ marginRight:40, marginLeft:40, marginTop:10, }, submitText:{ paddingTop:20, paddingBottom:20, color:'#fff', textAlign:'center', backgroundColor:'#68a0cf', borderRadius: 10, borderWidth: 1, borderColor: '#fff' }, ...

96 javascript  styles  react-native 

我已经尝试了react-native-hr软件包-不适用于我，Android和iOS。 后面的代码也不适合，因为它在结尾处渲染了三个点 <Text numberOfLines={1}}> ______________________________________________________________ </Text>

96 react-native 

我想在屏幕底部放一个白色的条，它将占据所有宽度。为此，我考虑过将absolute定位与继承的flexbox参数一起使用。 通过以下代码，它呈现出类似以下内容。 这是我的代码： var NavigationBar = React.createClass({ render: function() { return( <View style={navigationBarStyles.navigationBar}> //Icon 1, Icon 2... </View> ); } }); var Main = React.createClass({ render: function() { return( <View style={mainStyles.container}> <NavigationBar /> </View> ); } }); var mainStyles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#456783', } }); var …

95 javascript  css  react-native 

如何<Text />在本机中使垂直（旋转90度）？我想在页面右侧沿着屏幕边缘放置一些文本。

94 react-native 

在本地做出反应，至少有三种方法可以使一个按钮：TouchableNativeFeedback，TouchableHighlight和TouchableOpacity。还有TouchableWithoutFeedback，文档明确指出您不应该使用，因为“触摸新闻时，所有响应新闻的元素都应具有视觉反馈”。 TouchableNativeFeedback仅适用于Android，并且“用RCTView的另一个实例替换视图” TouchableHighlight “将视图添加到视图层次结构” TouchableOpacity在“不更改视图层次的情况下”起作用 两者之间还有其他重大区别吗？其中之一是goto组件吗？在什么情况下您应该TouchableHighlight用完TouchableOpacity？对性能有影响吗？ 我现在正在编写一个应用程序，发现所有三个在点击和操作之间都有很大的延迟（在本例中为导航更改）。有什么办法可以使它变得更敏捷？

94 react-native 

我想在我的React Native应用程序中添加一些仅调试的UI，但是在JavaScript环境中找不到任何等效的RCT_DEBUG或RCT_DEV编译时标志。有一个吗？ 用例：我想添加一个状态栏，以显示由我的应用程序发起的HTTP请求的数量。显然，这不是运输应用程序的一部分，但可以帮助我在开发和测试时检查我的工作。

93 javascript  ios  react-native 

我想div在屏幕顶部放置一根棍子，而不会影响其他元素，其子元素位于中间。 .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div class="child">text</div> </div> 运行代码段隐藏结果展开摘要 当我添加该position: absolute行时，justify-content: center将变得无效。它们是否相互冲突，解决方案是什么？ 编辑 谢谢大家，这是父母宽度的问题。但是我在React Native中，所以我不能设置width: 100%。尝试过flex: 1和align-self: stretch，都无法正常工作。我最终使用Dimensions来获取窗口的整个宽度，并且可以正常工作。 编辑 从较新版本的React Native（我使用0.49）开始，它接受width: 100%。

93 css  react-native  flexbox 

这是我的项目：https://github.com/kenpeter/my_hak_news，这是直接拷贝https://github.com/grigio/HAgnostic-News。 Git克隆https://github.com/kenpeter/my_hak_news，然后运行react-native run-android 得到这个错误： * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to finalize session : INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.hagnosticnews signatures do not match the previously installed version; ignoring! 相关问题：https : //github.com/grigio/HAgnostic-News/issues/1，我遵循各种方法，但无法解决此问题。

93 android  reactjs  react-native 

是什么引起以下问题？我的Android SDK版本不受支持吗？ Starting JS server... Building and installing the app on the device (cd android && gradlew.bat installDebug)... FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > failed to find Build Tools revision 23.0.1

92 javascript  android  reactjs  react-native 

我已经在项目中安装了第三方库，但该库无法正常工作，因此我想从项目中删除该库，该怎么办？

92 react-native 

似乎position:absolute在使用中某个元素无法使用justifyContent或居中alignItems。有一种解决方法可以使用，marginLeft但即使使用尺寸来检测设备的高度和宽度，也无法在所有设备上显示相同的结果。 bottom: { position: 'absolute', justifyContent: 'center', alignItems: 'center', top: height*0.93, marginLeft: width*0.18, }, bottomNav: { flexDirection: 'row', },

92 position  react-native  flexbox  absolute 

我对本机有一些麻烦。我有一个Input组件（如textfield）供用户输入他的电子邮件地址，但问题是，第一个字母始终是默认的大写字母，并且不可能使其变为非大写字母。我该如何更改它，就像首字母也可以很小一样？

91 react-native  input-field 

我想问一下如何处理本机句柄或做响应字体。例如，在iphone 4s中，我的fontSize：14，而在iphone 6中，我的fontSize：18。

91 ios  reactjs  react-native 

我已经见过针对本机应用程序自动滚动窗口的一种技巧，但我想知道在React Native中实现此目的的最佳方法...当某个<TextInput>字段获得焦点并且在视图中位于较低位置时，键盘将覆盖文本字段。 您可以在示例UIExplorer的TextInputExample.js视图中看到此问题。 有没有人有一个好的解决方案？

90 javascript  react-native 

我是react-native的新手，我想在默认浏览器（例如Android和iPhone中的Chrome）中打开url。 我们通过intent在Android中打开网址，就像我要实现的功能一样。 我已经搜索了很多次，但是它会给我Deepklinking的结果。

90 android  ios  react-native