React Native - поля или отступы не работают в эмуляторе Android

#android #react-native #flexbox

#Android #react-native #flexbox

Вопрос:

Ниже приведен код для моего компонента. Проблема в том, что я не могу добавить пробел между кнопками, только в эмуляторе Android, как вы можете видеть на изображении. Прямо сейчас вы видите marginBottom , но если я заменю его дополнением, он все равно не будет работать. Цените, если у кого-нибудь есть идея, почему это происходит.

 import React from 'react';
import { StyleSheet, View} from 'react-native';
import { Button } from 'react-native-elements';

const HomeScreen = ({navigation}) => {

  return(
    <View style={styles.container}>
      <View>
        <Button title="Sign In" onPress={() => navigation.navigate('SignIn')} style={{ marginBottom: 20}}/>
        <Button title="Sign Up" onPress={() => navigation.navigate('SignUp')} />
      </View>
    </View>
  )
}

HomeScreen.navigationOptions = () => {
  return {
    header: () =>  false
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingLeft: 20,
    paddingRight: 20,
    paddingTop: 40,
    backgroundColor: 'white'
  }
});

export default HomeScreen;

Ответ №1:

Насколько я понимаю, вы используете react-native-elements, а поддержка стиля недоступна для этого компонента, я вижу в документации, попробуйте использовать этот реквизит «ButtonStyle» для оформления кнопки и, если это невозможно, оберните кнопку вокруг вида,

Спасибо