javascript - 反应原生文本走出容器

Question

我在这样的视图容器中有文本

<View
  style={{
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    borderColor: 'grey'
  }}
>
  <Text>Long Text Here</Text>
</View>

我的结果是这样的

如果我添加<Text numberOfLines={4}>，这很好，但我希望我的文本完全适合视图，如果它超出范围，那么它将显示三个点。我不确定多少行就足够了，因为不同的屏幕尺寸会有所不同。

标签： javascriptreact-native

Answer 1

使您的容器可滚动，然后数据将保留在容器内。利用

<ScrollView>
 // data
</ScrollView>