Стиль высоты React-native компонента ‹View› вызывает уродливые тени

Атрибут стиля высоты позволяет использовать box-shadow для Android 5.0+.

Я делаю что-то необычное с «высотой», чтобы вызвать уродство, которое можно увидеть на скриншоте ниже? Кроме того, есть ли способ определить смещение тени?

Эмулятор работает 6.0 (> 5.0), так что проблема не в этом. Я запускаю реактивную версию 25.1.

  "dependencies": {
    "react": "^0.14.8",
    "react-native": "^0.25.1",
    "react-native-gcm-android": "^0.2.0",
    "react-native-material-design": "^0.3.5",
    "react-native-system-notification": "^0.1.10",
    "react-redux": "^4.4.5",
    "redux": "^3.5.2"
  }

Вот документация react-native по стилю компонента View

Вот мой метод рендеринга:

  render() {
    return (
      <ListView
        dataSource={alertData}
        renderRow={(rowData) =>
          <View style={style.cardContainer}>
            <Text>{rowData.blah}</Text>
            <Text>{"#" + rowData.foo}</Text>
            <Text>{rowData.blah}</Text>
            <Text>{rowData.foo}</Text>
            <Text>{rowData.baz}</Text>
          </View>
        }
      />
    );
  }

И объявление стиля:

var style = StyleSheet.create({
  cardContainer : {
    elevation   : 3,
    flex        : 1,
    margin      : 10,
    padding     : 10,
    borderWidth : 2,
    borderColor : beeStyles.colors.lightGray
  }
});

Что как-то выливается в это...

введите описание изображения здесь


person Squeaky    schedule 16.06.2016    source источник


Ответы (1)


Недостающая часть — это backgroundColor. Добавление стиля backgroundColor : '<anything>' к контейнеру представления приводит к исчезновению этих странных внутренних теней.

person Squeaky    schedule 17.06.2016
comment
этим вопросом занимается RN? - person gorjanz; 10.11.2016
comment
@gorjanz Это проблема Android, а не проблема RN. То же самое произойдет, если вы попытаетесь установить высоту на прозрачном виде. - person David Liu; 26.01.2018
comment
Спасибо, это дало мне отговорку. Вы спасатель! - person Chukwuemeka Onyenezido; 16.04.2018