如何在反应本机中做切换卡(设计)?

问题描述:

你好,那里!我刚接触反应原生编程。我试图 做一个切换卡,如下图所示。但是,我并不觉得它容易 ,使我作为初学者反应,本机。请找我的方式来 设计那些切换卡。在此先感谢....如何在反应本机中做切换卡(设计)?

Toggle_Card

+0

阅读有关国家的反应。你可以在你的状态下保存一个变量来告诉你是否渲染第二张牌,点击箭头,你可以切换状态变量的值。 –

您可以使用状态和观点来实现这个很容易。 此库还可以帮助你做到这一点:Accordion-React-Native
你甚至可以在这个库中指定动画。

的代码会是这样htis

<Accordion 
     header={header} 
     content={content} 
     easing="easeOutCubic" 
     /> 

在内容和标题会像

var content = (
     <View style={...}> 
     <Text>This content is hidden in the accordion</Text> 
     </View>