Javascript 文本未包装，正在从屏幕中取出

我有一个组件，它将显示两个相邻的

文本的项目列表。一个用于标题，一个用于内容。以下是我的渲染实现：

let items = [
    {title: 'Test Test:', value: 'Long Test Long Test Long Test Long Test Long Test Long Test Long Test'},
    {title: 'Test:', value: 'Short Test Test Test'},
];
return (<FlatList
        style={{flex: 1, width: Dimensions.get('window').width}}
        data={items}
        renderItem={({item}) =>
            <View style={{flexDirection: 'row', width: Dimensions.get('window').width}}>
                <Text style={{color: colors.accentColor}}>{item.title}</Text>
                <Text>{item.value}</Text>
            </View>
        }/>);

let项目=[
{title:'Test Test:'，value:'Long Test Long Test Long Test Long Test Long Test Long Test'}，
{title:'Test:'，value:'Short Test'}，
];
返回(
{item.title}
{item.value}
}/>);

问题是文本没有包装，当它是一个长文本时，它会从屏幕上消失。我怎样才能修好它

您可以将内容包装在屏幕大小
宽度
的组件中

使用
尺寸
包计算
宽度

let fullWidth=Dimensions.get（'window'）.width

然后将此宽度指定给
样式
对象
{width:fullWidth}

希望这能解决：）
我复制了您的案例，并在您的长文本上添加了
flex:1
属性，从而实现了正确的包装：

<View style={{flexDirection: 'row', width: Dimensions.get('window').width}}>
    <Text style={{color: "red"}}>{item.title}</Text>
    <Text style={{flex: 1}}>{item.value}</Text>
</View>


{item.title}
{item.value}

告诉我它是否适合你
 尝试将您的
Flatlist
包装到一个
视图中，该视图的屏幕宽度没有帮助。我记得在发布问题之前，我尝试了
maxWidth
而不是
width
，但没有帮助。谢谢，它起作用了