React native 水平滚动视图中的动态宽度元素

我有一个文本元素数组，我希望每个元素都有不同的宽度，这取决于字符长度，同时元素周围仍有相同的填充。然而，我发现滚动视图不能适应这种情况，除非我给每个映射元素设置一个宽度，否则内容就会被切断

<ScrollView horizontal={true}>
foo.map((text) => {
   <Text style={{fontSize: 30, paddingHorizontal: "3%", marginHorizontal: "5%", backgroundColor: "white" }}>{Text}</Text>
}
</ScrollView>

foo.map（（文本）=>{
{Text}
}

---

ScrollView是否有办法在不为每个值设置实际宽度的情况下，将边距/padidng纳入宽度考虑范围？

您可以使用FlatList进行此操作，因为ScrollView只能这样工作，您必须为每个子级设置属性。