在视图样式中使用flex: 1和alignItems: 'flex-end'。确保包含flex:这是使元素正确浮动的关键

你不应该在React Native中使用浮动。React Native利用flexbox来处理所有这些事情。

在本例中，您可能希望容器具有属性

justifyContent: 'flex-end'

关于文字占据整个空间，你需要看一下你的容器。

这里有一个链接到非常棒的flexbox指南:一个完整的flexbox指南

对我来说，将alignItems设置为父类是可行的，比如:

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

你可以在react native中使用flex:

 <View style={{flex: 1, flexDirection: 'row'}}>
        <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}} />
        <View style={{width: 50, height: 50, backgroundColor: 'skyblue'}} />
        <View style={{width: 50, height: 50, backgroundColor: 'steelblue'}} />
</View>

详情请访问:https://facebook.github.io/react-native/docs/flexbox.html#flex-direction

你可以直接指定项目的对齐方式，例如:

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

你可以用alignSelf: 'flex-end'设置文本样式:

<View style={{width: 300}}>
  <Text style={{backgroundColor: "#DDD", alignSelf: 'flex-end'}}>Hello</Text>
</View>