React Native твопаневиев для Surface Duo

Вы можете создать динамический макет с разметкой, показанной здесь:

<TwoPaneView panePriority={this.state.panePriority} panePriorityVerticalSpanning={this.state.panePriority} >
    {/* Pane A */}
    <MasterContent/>
    {/* Pane B */}
    <DetailContent/>
</TwoPaneView>

Панеприорити и другие функции макета позволяют управлять тем, что отображается в каждой конфигурации экрана. документация по Windows твопаневиев и справочник по API-интерфейсам содержат указания по работе элемента управления (хотя запомнить, что все еще находится в предварительной версии).

Установка

Следуйте инструкциям по установке " реакция на твопаневиев ":

  1. Измените Android/Build. gradle , чтобы добавить поддержку Котлин:

    buildscript {
      ext {
        ...
    +   kotlinVersion = "1.3.50"
      }
    ...
    
      dependencies {
    +   classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:${kotlinVersion}")
    ...
    
  2. Выполните команду npm install react-native-twopaneview , чтобы добавить пакет.

  3. Измените android:configChanges , включив следующие параметры:

    android:configChanges="keyboard|keyboardHidden|orientation|screenSize|smallestScreenSize|screenLayout"
    

Примеры

После установки Придайте примерам пробную версию.

Источник

Твопаневиев — это компонент с открытым исходным кодом, доступный на GitHub.