在React Native中，如何定位和滑动比屏幕视图更大的元素？

问题描述：

在下图中，每个面板都是屏幕的大小，并且它们可以非常快速地左右滑动，作为一个大型元素。如果幻灯片转换有问题，那么对于时间= 0可以，所以它是瞬时的。在React Native中，如何定位和滑动比屏幕视图更大的元素？

每个面板的内容将在屏幕外保持安装状态，因为在儿童中存在Web视图，并且我想防止网页重新加载（如果面板重新装入，将发生这种情况）。我该怎么做？（编辑：无插件或现成的导航系统）

答

这里是你如何可以用CSS和HTML做到这一点，你也许可以将其转换工作与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>

答

您可以使用swipedEnabled标签导航：真正的这两个组件将保持安装了。请参阅React-Navigation

的abtract例子是这样的

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

家在哪里，并通知将您的组件

我实际上正在寻找一种方法来编写这个没有插件或现成的导航系统。但是，谢谢！ – PrimeLens

然后你可以使用panresponder来实现 – Vicky

在React Native中，如何定位和滑动比屏幕视图更大的元素？

相关推荐