Блог

Главная - Вопросы по программированию - react-native: код стиля, зависящий от платформы, только для Android / ios

react-native: код стиля, зависящий от платформы, только для Android / ios

#css #react-native

#css #react-native

Вопрос:

Мне нужен определенный стиль, который будет применяться только для Android и не должен иметь никакого эффекта при использовании iOS.

Мой фрагмент кода выглядит примерно так:

 <CardItem
  style={{
borderWidth: 0,
borderLeftWidth: 0,
borderRightWidth: 0,
borderTopLeftRadius: 10,
borderTopRightRadius: 10,
borderBottomLeftRadius: 0,
borderBottomRightRadius: 0,
backgroundColor: "#fff",
overflow: Platform.OS == "ios" ? "hidden":"auto"
}}
cardBody
>

Мне нужно, чтобы переполнение было скрыто только на iOS и не требовало никакого эффекта при использовании Android. Я использовал overflow: Platform.OS == «ios»? «скрытый»: «авто», но не подходит для сценария.

Нужна помощь по этому поводу.

Комментарии:

1. итак, вы хотите удалить свойство переполнения для Android?

2. Сработает ли это для вас overflow: Platform.OS == "ios" amp;amp; "hidden"

3. Я думаю, это может быть потому, что после backgroundColor нет запятой, попробуйте поставить там запятую и посмотреть, работает ли это

4. @Zirek хороший улов 🙂

5. @Zirek это была просто ошибка копирования / вставки .. исправлена сейчас .. хехе

Ответ №1:

Свойство Overflow не имеет auto значения для react-native. Это enum и имеет следующие:

перечисление («видимый», «скрытый», «прокрутка»)

установите видимый вместо автоматического для Android. (это значение по умолчанию)

 overflow: Platform.OS == "ios" ? "hidden": "visible"

должно работать.

Метки: