Estoy tratando de hacer que un elemento permanezca en la parte superior de la pantalla en todo momento, incluso cuando me desplazo. Descubrí esa position: 'sticky' hace esto para html normal. Me preguntaba si había algo que pudiera agregar a mi css para hacer que el elemento se adhiera a un lugar mientras se desplaza usando react-native.
En ScrollView hay un accesorio llamado stickyHeaderIndices . Pase el índice del componente que desea que sea fijo en este accesorio. Por ejemplo, si desea que el encabezado sea fijo desde el código a continuación, solo tiene que pasar 1 en accesorios stickyHeaderIndices como este:
import React from 'react'; import { View, ScrollView, StyleSheet, Text } from 'react-native'; const App = () => { return ( <ScrollView stickyHeaderIndices={[1]}> <View> <Text style={styles.overline}> Overline </Text> </View> <View> <Text style={styles.header}> Header </Text> </View> {/* Your others component goes here */} </ScrollView> ) } const styles = StyleSheet.create({ overline: { fontSize: 12, fontWeight: '100' }, header: { fontSize: 24, fontWeight: 'bold' }, spacer: { height: 10, } }); export default App;Esta propiedad acepta la matriz, por lo que también puede establecer varios componentes pegajosos pasando el índice de todos esos componentes.