React Native Elements的FAB显示为方形 如何实现圆形FAB效果

出现方形FAB的原因是部分版本的React Native Elements FAB组件默认未开启圆角配置，你可以通过以下两种方式调整得到圆形效果：

• 方案1：使用FAB组件内置的rounded属性，这是最便捷的实现方式，修改后代码如下：

import { FAB } from 'react-native-elements';

<FAB
    icon={{
      name: 'add',
      size: 30,
      color: 'white',
    }}
    placement="right"
    rounded // 新增这一行即可开启圆形样式
/>

• 方案2：如果使用旧版本组件加rounded属性不生效，可以通过自定义style属性强制设置圆角，只需要保证圆角值等于宽高的一半即可：

import { FAB } from 'react-native-elements';

<FAB
    icon={{
      name: 'add',
      size: 30,
      color: 'white',
    }}
    placement="right"
    style={{
      width: 60,
      height: 60,
      borderRadius: 30,
    }}
/>

内容的提问来源于stack exchange，提问作者Juan Carlos Alvez Balbastro