Каков наилучший способ реализовать заполнение в root собственного приложения реакции? - PullRequest
Новая
       19

Каков наилучший способ реализовать заполнение в root собственного приложения реакции?

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

Я хотел бы добавить поля / отступы в root моего приложения, чтобы мне не нужно было добавлять отступы по экранам.

Моя текущая точка входа выглядит следующим образом 

export default class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isLoading: false
    };

    //blah blah blah

  render() {
    return <AppNavigator />;
  }
}

Точка входа в настоящее время обрабатывает переход к каждому экрану в приложении. Есть ли способ добавить стили в root, чтобы родительский вид каждого экрана включал отступы?

В настоящее время я разрабатываю экраны по отдельности, что я бы упростил, чтобы избежать повторения, например, с styles={styles.container} в родительском представлении на каждом экране.

В моем приложении всего 6 экранов, поэтому решение для глобального заполнения не обязательно должно быть наименьшим возможным решением , но что-то на верхнем уровне было бы неплохо.

Спасибо!

1 Ответ

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

Я предполагаю, что вы хотели бы добавить заполнение только к контенту. Если вы примените к навигатору, ваш заголовок и панель вкладок тоже могут быть дополнены. Вы можете определить Content компонент, подобный этому 

function Content(props) {
  return (
    <View {...props} style={[{ padding: 10 }, props.style]}>
      {props.children}
    </View>
  )
}

function YourScreen() {
  return (
    <Content>
      <Text>This is content</Text>
    </Content>
  )
}
...