Есть ли альтернатива использованию свойства outline:"нет" в react native?

#javascript #reactjs #react-native #monorepo #react-native-web

Вопрос:

На самом деле, я передал стиль {{ ширина: «100%», контур: «нет», высота: 50 }} дочернему компоненту, на который я получаю предупреждение в терминале о том, что контур не является допустимым свойством. Если этот стиль объявлен в таблице стилей, приложение завершило работу с ошибкой, поэтому его необходимо объявить встроенным. Я не смог найти способ удалить предупреждение, так как react native не поддерживает свойство outline : «нет», есть ли какая-либо другая альтернатива этому.

1. Пожалуйста, передумайте удалять контур? Или, по крайней мере, замените его рамкой, которая появляется при наведении и фокусировке.

2. на самом деле я создал текстовое поле со значком и TextInput flexDirection: «строка», поэтому, когда я нажимаю на значок, текстовое поле фокусируется, теперь, поскольку я использую архитектуру monorepo, поэтому я использую react native web, в веб-части, когда текстовое поле сфокусировано, оно добавляет контур в текстовое поле, что выглядит странно, поэтому я использовал контур:»нет», который работает и удаляет контур в веб-части, но выдает ошибку в Android.

Ответ №1:

Вы можете использовать API платформы из react native web, чтобы добавлять outline стиль только тогда, когда ваше приложение работает в Интернете.

Что-то вроде:

 StyleSheet.create({
  textEditStyle: {
    Platform.select({
      web: {
        outline: 'none'
      }
    }),
    ... // Other styles go here
  }
});