android-React原生、可触摸、浮动按钮一无所获

我正在创建一个简单的操作按钮（浮动按钮）

这是有效的：

<View style={{
    width: this.props.size,
    height: this.props.size,
    borderRadius: this.props.size / 2,
    backgroundColor: '#ee6e73',
    position: 'absolute',
    bottom: 10,
    right: 10,
    flexDirection:'row'
}}>
    <Text>
        +
    </Text>
</View>

这不是：

<TouchableOpacity
        onPress={()=>{
        }} >
    <View style={{
        width: this.props.size,
        height: this.props.size,
        borderRadius: this.props.size / 2,
        backgroundColor: '#ee6e73',
        position: 'absolute',
        bottom: 10,
        right: 10,
        flexDirection:'row'
    }}>
        <Text>
            +
        </Text>
    </View>
</TouchableOpacity>

只要用TouchableOpacity包装，我的按钮就不会出现任何错误。

反应0.1.7，安卓

然后我尝试将样式从视图移动到TouchableOpacity，这就是工作

{
        }} 
        style={{
            width: this.props.size,
            height: this.props.size,
            position: 'absolute',
            borderRadius: this.props.size / 2,
            backgroundColor: '#ee6e73',
            bottom: 10,
            right: 10,
        }}>
    
        +
    

谁能解释一下原因吗？

当地医生说

[地]https://facebook.github.io/react-native/docs/touchableopacity.html[1]

使视图正确响应触摸的包装器。这是在不改变视图层次结构的情况下完成的，一般来说，添加到应用程序中很容易，不会产生奇怪的副作用。

这意味着我总结了我的原始视图，它会像我预期的那样工作，但事实并非如此。