React native TwoPaneView per Surface DuoReact Native TwoPaneView for Surface Duo

È possibile creare un layout dinamico con il markup riportato di seguito:You can create a dynamic layout with the markup shown here:

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

Il panePriority e altre funzionalità del layout consentono di controllare ciò che viene visualizzato in ogni configurazione dello schermo.The panePriority and other features of the layout let you control what is shown in each screen configuration. La documentazione e le informazioni di riferimento sulle API di Windows TwoPaneView forniscono alcuni suggerimenti sulle modalità di funzionamento del controllo (anche se si ricorda che è ancora in anteprima).The Windows TwoPaneView documentation and API reference provide some hints about how the control works (although remember it's still in preview!).

InstallazioneInstallation

Seguire le istruzioni di installazione React-native-twopaneview :Follow the react-native-twopaneview installation instructions:

  1. Modificare Android/Build. Gradle per aggiungere il supporto di Kotlin:Modify android/build.gradle to add Kotlin support:

    buildscript {
      ext {
        ...
    +   kotlinVersion = "1.3.50"
      }
    ...
    
      dependencies {
    +   classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:${kotlinVersion}")
    ...
    
  2. Eseguire npm install react-native-twopaneview per aggiungere il pacchetto.Run npm install react-native-twopaneview to add the package.

  3. Modificare android:configChanges includendo le opzioni seguenti:Modify android:configChanges by including these options:

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

EsempiSamples

Una volta installato, fornire agli esempi un tentativo.Once installed, give the samples a try.

Source (Sorgente)Source

TwoPaneView è un componente Open Source, disponibile su GitHub.TwoPaneView is an open-source component, available on GitHub.