将flexDirection设置为row时，反应原生文本消失
flexDirection设置为行文本的视图内的文本组件从视图中消失。
我尝试将弹性包装设置为包装，但它仍然不起作用。
const tags = [
{ name: "condition", value: "99%" },
{ name: "cashback", value: "10%" },
{ name: "discount", value: "10%" }
];
<View style={{ flexDirection: "row" }}>
{tags.map((tag, i) => (
<View
key={i}
style={{
backgroundColor: "#FFECEC",
padding: 3,
borderRadius: 3,
marginRight: 3,
flexWrap: "wrap"
}}
>
<Text
style={{
fontSize: 12,
color: Theme.Primary,
}}
>
{`${tag.name.toUpperCase()} ${tag.value}`}
</Text>
</View>
))}
</View>
我希望最后一个元素转到第二行，但它只是从屏幕上消失了。
文本离开视图
共有1个答案
您是否尝试过在父视图上设置< code>flexWrap: "wrap"，例如:< code > style = { { flex direction:" row "，flexWrap: "wrap" }}？
否则，这是一篇关于这个主题的好文章：https://css-tricks.com/snippets/css/a-guide-to-flexbox/
-
我正在编写一个react原生应用程序，其中99%的文本将使用Lato作为默认字体。 我知道我可以像这样设置＜code＞Text＜code＞组件的fontFamily： 但是我不想在每个组件上重复自己。 是否有一种方法可以定义全局文本样式，这样我就可以使用＜code＞文本 最好和推荐的处理方法是什么？ 注意：我正在使用展览，以防这很重要。
-
我试图将我的文本放在可用区域内，我的约束是这样的： 文本不应溢出， 文本必须在所有可用视图内放大， 单词不应拆分为字符，可以转到下一行句子， 当我在父视图中使用flex时，文本在水平方向上的视图扩展不能超过屏幕宽度 下面是我的代码片段： 结果是： 我努力实现我的目标: 我认为这与自定义字体有关
-
我试图设置与React Native在Android上。做了一些研究，看起来我应该使用Interceptor。我找到的一个例子解释了如何做到这一点（链接），但我不确定如何注册拦截器。 因此，为了设置，我使用这个类： 那么剩下的就是注册上面的拦截器，那么它应该在哪里完成呢？可能在？ 我在构建应用程序时没有收到任何错误，因此我认为应该很好-只需要让应用程序使用它。 更新：我当前正在尝试在中注册拦截器，
-
在react native中，我设计了一个示例，当我在不同的IOS设备中检查它时，这里是我的代码： 当我签入iphone-6和5s字体问题即将到来，任何人帮助我解决这个问题，如何设置不同IOS设备的字体大小在反应原生任何帮助很多通知
-
我用react本地开发了一个应用程序