用左右两个不同的按钮反应原生组件答案

【问题标题】：react native component with two different buttons in right and left用左右两个不同的按钮反应原生组件
【发布时间】：2020-03-14 23:12:54
【问题描述】：

是否有任何类型的组件可以像 SwipeRow 一样使用左右两个按钮进行本机反应，但有一点不同？对了

【问题讨论】：

您能否更明确地说明您的期望是什么？设计规范，图像？你有什么尝试？请更新问题并提供更多详细信息。
所以您想要一行每侧有两个按钮始终可见，而不是一个人滑动以使其可见？所以[按钮][行内容][按钮]？
@HBSKan 问题是我需要两个按钮，它们的功能可以超过row-content，例如按下一个按钮row-content 并且另一个按钮消失后
这听起来不像是一个通用容器（即听起来确实是您的用例），所以我怀疑是否存在。

标签： reactjs react-native native-base

【解决方案1】：

我认为这种设计没有原生组件，但您可以轻松地使用flexDirection:'row' 和内部<Button><ComponentToBeUsed><Button> 创建一个视图。

【讨论】：

问题是我需要两个按钮，它们的功能可以超过``ComponentToBeUsed for example after pressing one button ComponentToBeUsed```，而另一个按钮会消失
所以添加一个带有布尔属性的 hoc/hook，当按下其中一个按钮时该属性会发生变化，并添加另一个按钮的条件渲染。
这使得组件如此复杂，需要编写大量代码，这就是我要求特定组件的原因

【解决方案2】：

也许你可以使用 flexDirection: 'row'。像这样

 <View style={{
          flex: 1,
          flexDirection: 'row'
        }}>
   <View style={{width: 60, height: 50}}>
     <Button title='Left'/>
   </View>
   <View style={{position: 'absolute', right: 0, width: 60, height: 50}}>
     <Button title='Right'/>
   </View>
 </View>

【讨论】：