Open ghshgd opened 1 year ago
When I use revealHeaderOnScroll On Tabs.Container, it doesn't work. bellow is my code. App.js
import {ScrollView, View} from 'react-native' import PostListOfUserScreen from './components/PostListOfUserScreen'; export default function App() { return ( <ScrollView> <View style={{height: 4000}}> <PostListOfUserScreen/> </View> </ScrollView> ) }
PostListOfUserScreen.js import {View} from 'react-native' import {Tabs} from 'react-native-collapsible-tab-view' export default function PostListOfUserScreen() { const Header = () => { return <View style={{ height: HEADER_HEIGHT, width: '100%', backgroundColor: '#2196f3', }} /> } return ( <Tabs.Container renderHeader={Header} revealHeaderOnScroll={true}> <Tabs.Tab name="A"> <Tabs.ScrollView> <View style={{height: 1000, width: 400, backgroundColor: 'red'}}/> <View style={{height: 1000, width: 400, backgroundColor: 'green'}}/> <View style={{height: 1000, width: 400, backgroundColor: 'blue'}}/> </Tabs.ScrollView> </Tabs.Tab> <Tabs.Tab name="B"> <Tabs.ScrollView> <View style={{height: 1000, width: 400, backgroundColor: 'grey'}} /> <View style={{height: 1000, width: 400, backgroundColor: 'black'}} /> </Tabs.ScrollView> </Tabs.Tab> </Tabs.Container> ) }
any updates on this issue?
When I use revealHeaderOnScroll On Tabs.Container, it doesn't work. bellow is my code. App.js