106得票14回答
使用React Native中的Flex使一个项目保持在底部

假设这是布局:<View style={styles.container}> <View style={styles.titleWrapper}> ... ... </View> <View st...

36得票5回答
React-native: 如何包装FlatList项目

我有一个术语列表,这些术语是通过查询返回的。每个术语都是一个单词。目前我的FlatList将每个单词呈现为同一行上的按钮(horizontal={true})。 我希望按钮可以像普通文本一样换行。但我绝对不想使用列功能,因为那看起来不够自然。 这可能是FlatList的不良使用案例吗?还有其他...

32得票5回答
如何在React Native中居中图片

背景 我有一张图片,用于在加载其他内容时显示。 我希望它能够居中并在所有设备上看起来一样。 问题 目前,图片显示在左上角。 我希望它能够水平和垂直居中。 问题 如何使图片居中并具有正确的尺寸? 我的图片高度为776像素,宽度为600像素。 我知道我需要在样式表中设置图片尺寸。 ...

28得票7回答
水平的FlatList(React Native)前后间距问题

我正在尝试创建一个带有间距的水平FlatList。我已经使用列表上的paddingLeft获取了正确的开始间距,但是列表上的paddingRight似乎没有在其后放置任何空间(如果我滚动到最后,最后一个项目会被紧贴着边框)。请看这个Snack,您可以现场运行和尝试:https://snack....

21得票2回答
React-Native:使用百分比值设置边距

我试图在我的React Native项目中使用百分比值作为margin样式属性,但它似乎会减少一个View组件的高度。如果我用绝对值替换百分比值,则不再有问题,而且它可以正常工作。你尝试过在React Native中将百分比值用作margin吗?以下是可重现此问题的简短代码示例:import ...

16得票6回答
ScrollView最小高度以占用所有空间

我有一个ScrollView,它的内容不一定超过其大小。比如说,它是一个表单,在出现错误时会扩展以添加错误消息,然后超出了ScrollView的大小,这就是为什么我正在使用滚动的原因。 问题是我希望内容始终至少与ScrollView的大小相同。我知道minHeight属性,但我找到的唯一使用...

12得票1回答
React Native 中如何将子组件包裹在 View 组件中

我有以下代码:renderActionButtons(actionButtons){ let actionButtonsContent = actionButtons.map((button, i) => { return <TouchableHighlight...

10得票8回答
如何使React Native Web全屏高度?

我是一个使用React Native Web库的开发者,但我无法在web上实现全高度。 代码: import React from 'react'; import {StyleSheet, View, Text, TouchableOpacity} from 'react-native';...

9得票2回答
React Native中<Text>在flex布局中溢出<View>的问题

上图中,我试图让“绿色”框包裹动态文本。请注意,蓝色和黄色文本框是以flex: 'row'的方式配置的,蓝色文本框的flex: 2,黄色文本框的flex: 1。 在父容器中,一切正常,直到文本过长。 我希望绿色容器能够根据需要扩展以适应弯曲的内部子元素。React Native是否支持...

9得票4回答
如何在React Native中包装Flatlist项目

我正在尝试像这张图片一样呈现项目列表。 每行中的项目将根据其文本大小而变化。使用Flatlist来呈现项目。 TagView.js &lt;View style={styles.tagView}&gt; &lt;FlatList scrollEventThro...