the example in readme provide a style={{ flex: 1 }} to ViewPager(like bellow),and it occupy all screen height; but in my case, the pager's height is not specific锛宨t depends; but without a specific height, ViewPager show nothing
so, could the height of ViewPager be flexible ?
import React from 'react';
import {StyleSheet, View, Text} from 'react-native';
import ViewPager from '@react-native-community/viewpager';
const MyPager = () => {
return (
<ViewPager style={styles.viewPager} initialPage={0}>
<View key="1">
<Text>First page</Text>
</View>
<View key="2">
<Text>Second page</Text>
</View>
</ViewPager>
);
};
const styles = StyleSheet.create({
viewPager: {
flex: 1,
},
});
it depends; but without a specific height, ViewPager show nothing
Why you can't :
<ViewPager style={[styles.viewPager, { height: whatEverHeight }]} />
Why you can't :
<ViewPager style={[styles.viewPager, { height: whatEverHeight }]} />
because i want ViewPager just wrap the children, and the children's height is depend on fetched data from api
Why you can't :
const [height, setHeight] = useState(0)
<ViewPager style={[styles.viewPager, { height: height }]} >
<Child setHeight={setHeight} />
</ViewPager>
@KingAmo your issue refers to https://github.com/react-native-community/react-native-viewpager/issues/162
Most helpful comment
because i want ViewPager just wrap the children, and the children's height is depend on fetched data from api