Как исправить <Text>в scrollView?

Question

Мой весь экран имеет scrollView, и есть в середине его.Я хочу, когда кто-то прокручивает вверх, текст фиксируется сверху и не исчезает.Как я могу это сделать?Я нигде не нашел, спасибо.

Answer 1

  <View style={styles.container}>
    <Text style={{ position : 'absolute', textAlign: 'center'}}>
    Special Text
    </Text>
    <ScrollView>
    </ScrollView>
  </View>

вы можете сделать что-то вроде этого

Answer 2

Я пытался реализовать нечто подобное, и я сделал это, но, к сожалению, это довольно сложно (относительно), по крайней мере, по сравнению с тем, что вы делаете в Интернете.для этого необходимо использовать реквизит onLayout.

state = {zIndex: 0};

<View>
  <View style={[your_style, {position: "relative", zIndex: this.state.zIndex}]} onLayout={({nativeEvent}) => {this.outTextHeight = nativeEvent.layout.height}}>
    <Text>Special Text</Text>
  </View>
  <View style={{[your_style, {zIndex: 1}]}>
    <ScrollView onScroll={({nativeEvent}) => {if(nativeEvent.contentOffset.y >= (this.insideTextHeight + this.insideTextOffsety){this.setState({zIndex: 2})})}}>
      // your content
      <View onLayout={({nativeEvent}) => {this.insideTextHeight = nativeEvent.layout.height; this.insideTextOffsety = nativeEvent.layout.y}}>// this maybe the same height so may be unnecessary
        <Text>Special Text</Text>
      </View>
    </ScrollView>
  </View>
</View>

Answer 3

Использование css свойства position: sticky.это закрепит ваш текст наверху, это называется липкая позиция.Поэтому, пожалуйста, прочитайте это https://www.w3schools.com/css/tryit.asp?filename=trycss_position_sticky

Будьте терпеливы.

Приветствуйте вас!