剪掉溢出的元素

Question

我正在尝试创建一个FAB样式按钮（iOS），它将容器底部覆盖50％。

但是，包含元素边缘溢出的所有内容都被剪裁。我不使用溢出：'隐藏'。

有什么建议吗？

<View style={{
marginHorizontal:12,
borderRadius:2,
borderWidth:1,
}}>
  <View style={{
      flex:0,
      height:175
  }}>
    <View style={{
        position:'absolute',
        bottom:-24,
        right:16,
    }}>
        <FABButton icon="plus" size={24}/>
    </View>
  </View>

  <View style={{
    flex:0,

  }}>
    <View style={{
        marginTop:24,
        marginHorizontal:24,
        marginBottom:16
    }}>
      <Text style={[fontSize:24}>My Title</Text>
      <Text style={{fontSize:14}}>My subtitle</Text>
    </View>
  </View>
</View>