React Native Expo: 下拉按钮 分割按钮

Question

如何写代码创建下图这样的下拉按钮？ 我只能创建1个按钮，但不能在Adopt now和下拉按钮处创建一个分体式按钮，解除其他2个选项按钮。

我试过reactstrapreact-bootstrap，但它们相当难用，我一直收到很多错误。有没有其他的方法可以解决？

先谢谢你了!

Answer 1

您可以使用 react-native-modal-dropdown然后应用一些自定义功能（例如将bg改为黄色）。

在 文件 你有20多个道具来改变风格和组件的行为。

安装

npm i react-native-modal-dropdown -save

使用方法

import ModalDropdown from 'react-native-modal-dropdown';

<ModalDropdown
  defaultValue='Adopt now'
  options={['Foster me', 'Sponsor me']}
  textStyle={{ fontWeight: 'bold' }}
/>