你怎么能浮动：正确的在React Native？

例如，我有一些我想漂浮的代码

<View style={{width: 300}}> <Text style={{backgroundColor: "#DDD"}}>Hello</Text> </View> 

文本如何浮动/alignment？ 另外，Text为什么占据View的全部空间，而不是“Hello”的空间？

Answer 1

您可以直接指定项目的alignment方式，例如：

 textright: { alignSelf: 'flex-end', }, 

Answer 2

对于我来说，设置alignItems给父母做的伎俩，就像：

 var styles = StyleSheet.create({ container: { alignItems: 'flex-end' } }); 

Answer 3

你不应该使用浮动原生反应。 React native利用flexbox来处理所有这些东西。

在你的情况下，你可能会希望容器有一个属性

 justifyContent: 'flex-end' 

而关于整个空间的文字，再次，你需要看看你的容器。

这里是一个非常好的Flexbox指南链接：Flexbox 完整指南

Answer 4

 <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'flex-end' }}> <Text> Some Text </Text> </View> 

flexDirection：如果你想水平移动（行）或垂直移动（列）

justifyContent ：你想要移动的方向。