Кнопка не позиционируется в React Native

Моя кнопка, кажется, не расположена в моем родном проекте. Код, который у меня есть, выглядит так:

<Button style = "centered"
      onPress = {() => {Alert.alert('Button tapped!');} }
      title = "Confirm"
    />

Затем в моей таблице стилей я сделал это:

 centered:{
    position: 'absolute',
    top : 350,
}

И это не сработало. Некоторые другие вещи, которые я пробовал:

style = {centered}

Выдает ошибку времени выполнения, говорящую о том, что не удается найти переменную по центру

class = "centered"

Тоже ничего не делает.

Согласно предложению, я попытался создать отдельный вид только для своей кнопки, но он выдал ошибку, говорящую о том, что выражения JSX должны иметь один родительский элемент. Код, который я пробовал:

<View style = {styles.container}>
    <Text>Select a time to be notified : </Text>
    <Picker
      style = {styles.picker} itemStyle = {styles.pickerItem}
      selectedValue = {this.state.time}
      onValueChange = {(itemValue) => this.setState({time: itemValue})}
    >
    <Picker.Item label = "Now" value = "now" />
      <Picker.Item label = "After 1 minute" value = "1min" />
      <Picker.Item label = "After 5 minutes" value = "5min" />
      <Picker.Item label = "Custom time" value = "ctime" />
    </Picker>
  </View>
  <View>
    <Button style = {{marginTop:350}}
    onPress = {() => {Alert.alert('Button tapped!');} }
    title = "Confirm"
    />
  </View>
);

Таблица стилей:

const styles = StyleSheet.create({


 container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },

  picker :{
    width: 200,
    height: 44,
    backgroundColor: '#CCE6FF',
    borderColor: 'white',
    borderWidth: 1,
  },

  pickerItem :{
    width: 200,
    height: 88,
    backgroundColor: '#CCE6FF',
    borderColor: 'black',
    borderWidth: 1,
  },

  notificationButton :{
    position: 'absolute',
    top : 50,
  },
});