TouchableHighlight влияет на отступы - PullRequest
Новая
       37

TouchableHighlight влияет на отступы

0 голосов
/ 15 июня 2019

У меня есть реактивный веб-проект. У меня проблема в том, что при нажатии 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>
}

EDIT Как я и просил, я добавил код в CodeSandbox, но он отлично работает https://codesandbox.io/s/distracted-golick-uwl6f?fontsize=14

РЕДАКТИРОВАТЬ 2 Проблема возникает, когда React импортируется из react-native. Проблема исчезает, когда React импортируется из react

...