Как правильно делать вёрстку мобильных приложений на react native?
Используйте https://github.com/kkjdaniel/react-native-device-d...
для определения режимов ориентации и завязывайте на этом вью (можно просто стили менять, а можно полностью отдельный вью).
Также в порядке бреда можно перед применением стили обрабатывать, чтобы сделать поддержку процентов к ширине и высоте экрана.
Типа const style = { 
  header: { height: '50%' }    
};

prepareStyle: function() {
  let deviceHeight = ...; // Find API by yourself
  let _style = _.merge({}, style);
  if (style.header.height.substr(-1, 1) === '%') 
    _style.header.height = deviceHeight * (+style.header.height.slice(0, -1)) / 100;

  return _style;
}
Используйте https://github.com/kkjdaniel/react-native-device-d...
для определения режимов ориентации и завязывайте на этом вью (можно просто стили менять, а можно полностью отдельный вью).
Также в порядке бреда можно перед применением стили обрабатывать, чтобы сделать поддержку процентов к ширине и высоте экрана.
Типа const style = { 
  header: { height: '50%' }    
};

prepareStyle: function() {
  let deviceHeight = ...; // Find API by yourself
  let _style = _.merge({}, style);
  if (style.header.height.substr(-1, 1) === '%') 
    _style.header.height = deviceHeight * (+style.header.height.slice(0, -1)) / 100;

  return _style;
}