React Native：如何设置按钮的样式，使其位于屏幕的右下角并使其变小？

您是否希望它与button隐藏的对象正确，所以您可以给它一个flexDirectionofrow并提供flex给每个包装器，以便它可以像这样调整自己。

<View style={{flexDirection: 'row', flex: 1}}>
   <View style={{flex: 0.8}}><Button></Button></View>
   <View style={{ flex: 0.2}}><Button></Button></View>
</View>

如果您希望它button位于隐藏的下面的单独行中，则可以执行此操作

<View>
  <Button style={{ width: 50, alignSelf: "flex-end" }}></Button>
</View>

您可以width据此进行调整。

您可以将render功能更新为

render() {
   return (
     <View style={{flex: 1}}>
     <View style={{flexDirection:'row', alignItems:'center'}}>
     <Text>Plan Name:     </Text>
      <TextInput style={{height: 40, borderColor: 'black', width: 120, borderWidth: 0.8}}
      onChangeText={(text) => this.setState({text})}
      value={this.state.text}/>
      </View>  
      <MyDatePicker/>
      <View style={{ width: 50, alignSelf: "flex-end">
        <Button
     title="Add Plan"
     onPress={() =>
       this.props.navigation.navigate('PlanScreen')}>
       </Button>
      </View>

       </View>
     )
 }
}