React native 反应本机-并排放置两个项目

我试图将一个项目放置在另一个项目的右侧，但它始终位于第一个项目的底部，如下所示：

所以，现在我只是想把“测试”文本放在旁边的菜单上

这是我的密码：

{this.sideMenuShow（）}
试验
工作空间
目录

如果有帮助，侧菜单代码为：

sideMenuShow（）{
常量家具列表=；
如果（！this.state.hideMenu）{
返回(
this.setState（{hideMenu:true}}/>
家具
！这个，州，神秘主义者？
this.setState（{hideList:true，hidelistsofalse，hideListBoxes:false}）
：this.setState（{hideList:false}）
}
text='Test'
>
{
这个，州，神秘主义者？
：null
}
);
}
否则{
返回(
this.setState（{hideMenu:false}}/>
);
}
}

我想通过设置ScrollView的flexDirection将两个项目包装为“行”，可以得到我想要的东西，但它没有像我想的那样工作。任何帮助都会很好

您将

测试组件放置在滚动视图中

尝试将
contentContainerStyle={{flexDirection:'row'}}
添加到父ScrollView，或者仅删除父ScrollView。希望有帮助。
{flexDirection:'row'}
如上述答案所述，效果良好

您需要将此应用于父级

例如：
假设您的HTML等价物如下所示：



然后您必须将
flexDirection:'row'
应用到“
父项
”而不是“
子项
”

这将使
child1
和
child2
在同一行中水平排列。
谢谢你的回答，不幸的是它不起作用。你应该使用
className
而不是
class
，因为问题是关于反应的。