TouchableHighlight影响填充

Question

我有react-native-web项目。 我遇到的一个问题是，当按下TouchableHighlight时，所有子元素的填充都将被删除。

在触摸之前，在触摸填充为0之后，检查器会显示正确的填充。我曾尝试将Text包裹在View组件中，然后也将其展开。

我在这里茫然

const bS : ViewStyle = {
paddingTop: 5,
paddingLeft: 5,
paddingRight: 5,
paddingBottom: 5,

flexDirection: "column",
justifyContent: "center",
width: '100%',
height: '100%'
}

export default function TextButton(props: {title: string, onPress: () => any}) {

return <TouchableHighlight style={s.touch} underlayColor={'#000000'} onPress={props.onPress}>
  <View style={bS}>
    <Text>{props.title}</Text>
  </View>
  </TouchableHighlight>
}

编辑 根据要求，我将代码添加到了CodeSandbox上，但是效果很好！ https://codesandbox.io/s/distracted-golick-uwl6f?fontsize=14

编辑2 从React导入react-native时会出现问题。从React导入react

后，问题消失了