Блог

Что я хочу, так это отобразить линию (или представление) поверх нескольких других представлений.

Я пробовал с position: absolute , z-index и написать то, что я хочу, сверху последним в коде. К сожалению, ни одно из них не помогает. Как я могу поставить линию сверху?

Вот что я получаю:

Это и есть код:

 lt;ScrollView style={styles.container}gt;   lt;View style={styles.items}gt;  {this.state.items.map((item, index) =gt;  lt;View style={styles.item} key={index} elevation={3} /gt;  }  lt;/Viewgt;   lt;View style={styles.line} /gt;  lt;/ScrollViewgt;  

 const styles = StyleSheet.create({  container: {  flex: 1  },  row: {  margin: 10  },  line: {  backgroundColor: 'blue',  position: 'absolute',  top: 0,  bottom: 0,  left: 80,  width: 7,  }  

Хорошо, я нашел проблему xD

Очевидно elevation={3} , это все портит. Все работает, если я просто удалю эту опору из представлений строк.

Вы пробовали присвоить другим компонентам z-индекс 0, а строке индекс 1? Также вы можете попробовать использовать позицию:фиксированное свойство. Надеюсь, это поможет