Question

我想知道如何通过使用 react-native 中提供的 flexbox 属性，在有足够空间时显示组件。

<View style={{ flexDirection: 'row' }}>
    <Text>
        Text with unknown length
    </Text>
    <Text>
        Some more text with unknown length
    </Text>
    <Text>
        this should be hidden if the above text is too long
    </Text>
<View>

我不知道前两个文本组件的宽度，那么如何在屏幕上有足够的空间时确保只显示最后一个Text组件？

由于

p.s：不要像我要的那样快速将我的问题标记为重复关于react-native而不是flexbox。 auto值不是 react-native flexbox 支持。

Answer 1

你的意思是我根本不应该出现吗？或者只是其一部分？我假设第一个。

一种可能的＆＃34;解决方法＆＃34;是设置修复高度并将内容包装在内部（溢出隐藏）。

open

请参阅https://snack.expo.io/ryAmTJgVZ

上的工作示例

如果有足够的空间，则仅显示react-native组件（使用rn flexbox）

1 个答案: