在React Native中使用地图时如何更改为水平对齐？

Question

我有名为 hello 的数据。

如果我有 hello[0] 数据，我想运行 hello.map 并列出按钮。然而，Pressable 组件是垂直对齐的，但我想水平对齐。

所以，我试图通过在地图功能之上提供一个视图来改变方向。如果我放置一个视图，则会发生意外的令牌错误。

如何修复我的代码？

hello = [
{ originName: "growthLength 1"},
{ originName: "growthLength 2"},
]



{
hello[0] ? (
<View style={{flexDirection:'row'}}>    // << here

hello.map((v) => {
return(
<>
    <Pressable>
        <Image />
    </Pressable>
</>
)
})

</View>   
) : (null)
}

Answer 1

像这样更改你的代码

{hello && hello?.length > 0 ? (
    <View style={{ flexDirection: 'row' }}>
    {hello.map((v) => {
        return (
        <>
            <Pressable>
            <Image />
            </Pressable>
        </>
        );
    })}
    </View>
) : null}