Реагировать на нативную навигацию showModal Пользовательский размер

Modal всегда на весь экран. Вы можете контролировать размеры вашего представления в jsx. Вместо flex: 1 используйте предопределенную ширину и высоту в соответствии с вашими потребностями.

render() {
  return (
    <View style = {{width: '80%', height: 150}}>
    { /* render Modal content */ }
    </View.
  );
}

В качестве альтернативы, если вам нужно взаимодействовать с пользовательским интерфейсом за модальным, вы должны использовать Navigation.showOverlay

Navigation.showOverlay({
  component: {
    name: 'example.Overlay',
    options: {
      overlay: {
        interceptTouchOutside: false // this make touch events pass through the invisible parts of the overlay
      }
    }
  }
});

Дополнительные примеры использования Overlay вы можете увидеть в примерах кода в приложение для детской площадки.