Кнопка React Native не выравнивает центр - PullRequest
Новая
       4

Кнопка React Native не выравнивает центр

0 голосов
/ 27 марта 2020

Я включаю кнопку внутри своей родной базовой формы, но она не выравнивается по центру. 

<Form>
   ...

   <Item inlineLabel>
      <View style={styles.alignCenter}>
         <Button primary style={styles.btnUpd}><Text> Update </Text></Button>
      </View>
   </Item>
</Form>

Мои стили: 

const styles = StyleSheet.create({
  alignCenter: {
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center'
  },
  btnUpd: {
    height: 35,
    marginTop: 4,
    marginBottom: 4,
  }
});

Я думал, что мне просто нужно было используйте justifyContent и alignItems center для централизации объекта. Чего мне не хватает?

Спасибо

1 Ответ

1 голос
/ 10 апреля 2020

Используйте тег <Body>, чтобы установить его в центр экрана, а для левой и правой сторон экрана вы можете использовать <Left> и <Right>, например: 

<View>
   <Body>
      <Button>
         <Text> Update </Text>
      </Button>
   </Body>
</View>
...