Wie kann ich in React Native ein Element positionieren und verschieben, das größer ist als die Bildschirmdarstellung?

In der Abbildung unten hat jedes Panel die Größe des Bildschirms und sie müssen sehr schnell links und rechts als ein großes Element verschoben werden. Wenn der Folienübergang problematisch ist, ist es okay für Zeit = 0, also ist es augenblicklich.Wie kann ich in React Native ein Element positionieren und verschieben, das größer ist als die Bildschirmdarstellung?

Der Inhalt jedes Panels soll außerhalb des Bildschirms angezeigt werden, da ein Webview in den Kindern vorhanden ist und ich verhindern möchte, dass die Webseite neu geladen wird (was passieren würde, wenn das Panel neu mounted). Wie mache ich das? (Edit: ohne ein Plugin oder aus dem Regal Navigationssystem)

Quelle

2017-08-07 PrimeLens

hier sein, wie Sie es mit CSS und HTML tun können, können Sie es wahrscheinlich umwandeln kann zu arbeiten mit React Native.

<html> 
<header> 
    <style> 
    #body{ 
    display: flex; 
    justify-content: center; 
    width: 200vw; 
    } 
    #inner{ 
    width: 100%; 
    height: 100%; 
    display: flex; 
    background: #de9999; 
    align-items: center; 
    } 
    #body #body-left{ 
    flex: 1 0 50%; 
    height: 100%; 
    background: green; 
    } 
    #body #body-right{ 
    flex: 1 0 50%; 
    height: 100%; 
    background: lightgrey; 
    } 
</style> 
</header> 
<body> 
    <div id="body"> 
    <div id="inner"> 
     <div id="body-left"></div> 
     <div id="body-right"></div> 
    </div> 
    </div> 
</body> 
</html>

Quelle

2017-12-22 21:33:41 jsonp

Sie Tab-Navigator mit swipedEnabled verwenden können: true Beide Komponenten werden bleiben montiert. Siehe React-Navigation

Ein abtract Beispiel wie dieses

const MyApp = TabNavigator({ 
    Home: { 
    screen: MyHomeScreen, 
    }, 
    Notifications: { 
    screen: MyNotificationsScreen, 
    }, 
}, { 
    tabBarOptions: { 
    activeTintColor: '#e91e63', 
    }, 
});

wäre

wo nach Hause und Benachrichtigungen werden Ihre Komponenten

Quelle

2017-08-07 02:01:30 Vicky

Ich war eigentlich auf der Suche nach einer Möglichkeit, dies ohne ein Plug-In oder von der Stange Nav-System zu kodieren. Aber danke ! – PrimeLens

Dann können Sie panresponder verwenden, um das zu erreichen – Vicky

Wie kann ich in React Native ein Element positionieren und verschieben, das größer ist als die Bildschirmdarstellung?

Antwort

Verwandte Themen