使用flexDirect在视图内部反映本机文本：“row”不包装

Question

我在视图中有一个文本，其中flex方向设置为'row'，这导致视图中的文本没有换行。

如何才能正确包装文本？

我的代码看起来像

<View style={BaseStyle.formRow}>
    <ImageLoadingIndicator
        style={BaseStyle.formRowImage}
        source={{uri: business.profileImage.url}}
        />
    <View style={[BaseStyle.container, {marginLeft: 5, alignItems: 'flex-start', flexWrap: 'wrap'}]}>
        <Text style={{fontSize: 15, fontWeight: 'bold'}}>{business.name}</Text>
        <Text
            style={{marginTop: 3}}>{Address.generateAddressStringFromComponent(business)}</Text>
    </View>
</View>

我的风格是：

var Style = StyleSheet.create({
    container: {
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center',
    }
    formRow:{
        flex: 1,
        width: SCREEN_WIDTH - 20,
        flexDirection:'row',
        justifyContent: 'flex-start',
        alignItems: 'center',
        marginTop: 8,
        marginBottom: 8,
        paddingRight: 10,
        paddingLeft: 10,
        flexWrap: 'wrap'
    },
    formRowImage:{
        height:60,
        width:60,
        borderRadius: 4
    },
});