如何在react-native中创建浮动按钮?

时间:2017-10-31 15:05:53

标签: react-native

我想创建一个漂浮在键盘上方的按钮,有点像Airbnb应用中的下一个按钮(见下面的屏幕截图)。

我几乎找到了使用https://github.com/ardaogulcan/react-native-keyboard-accessory的解决方案,但是有一个无法点击的隐形包装,这是一个很大的问题。

难道没有一种简单的方法可以实现它吗?

enter image description here

1 个答案:

答案 0 :(得分:1)

<TouchableOpacity
  style={{ 
    position: 'absolute',
    bottom: 0
  }}
>
  <Text>Yo Press Me!</Text>
</TouchableOpacity>

请告诉我这是否适合您!

您可能还想添加“react-native-keyboard-aware-scroll-view”(来自npm的包)或“KeyboardAvoidingView”(来自“react-native”),具体取决于哪种方式最适合您。