We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
when giving Flatlist data large array and using multiple ShimmerPlaceHolder then this error occur.
If array length is small( Flatlist data) or less number of ShimmerPlaceHolder used then I doesn't get this warning
<FlatList showsVerticalScrollIndicator={false} // keyExtractor={item => item.id} contentContainerStyle={{paddingBottom: 30}} style={{paddingHorizontal: 16}} data={[...Array(10).keys()]} // Generate an array of 10 items ItemSeparatorComponent={() => <View style={{height: 14}} />} renderItem={({index}) => ( <Button key={index} style={s.list_container}> <ShimmerPlaceHolder style={{ width: 60, height: 60, marginRight: 16, borderRadius: width * 0.25, }} LinearGradient={LinearGradient} /> <View style={{flex: 1, rowGap: 16}}> <ShimmerPlaceHolder style={{width: '90%'}} LinearGradient={LinearGradient} /> <ShimmerPlaceHolder style={{width: '90%'}} LinearGradient={LinearGradient} /> </View> <View style={s.btn_container}> <ShimmerPlaceHolder LinearGradient={LinearGradient} style={s.btn_shimmer} /> <ShimmerPlaceHolder LinearGradient={LinearGradient} style={s.btn_shimmer} /> <ShimmerPlaceHolder LinearGradient={LinearGradient} style={s.btn_shimmer} /> </View> </Button> )} />
The text was updated successfully, but these errors were encountered:
I have the same problem , have you found a way to solve the problem?
Sorry, something went wrong.
i am also facing this issue. is there any solution available ?
@razan-sameh @Pratik-2102 i have found an temporary solution - just use less number of shimmers
Okay thanks. Does this make application slow during initial rendering. I have lots of item on mainscreen which use shimmer effect
@Pratik-2102 yes
No branches or pull requests
when giving Flatlist data large array and using multiple ShimmerPlaceHolder then this error occur.
If array length is small( Flatlist data) or less number of ShimmerPlaceHolder used then I doesn't get this warning
<FlatList showsVerticalScrollIndicator={false} // keyExtractor={item => item.id} contentContainerStyle={{paddingBottom: 30}} style={{paddingHorizontal: 16}} data={[...Array(10).keys()]} // Generate an array of 10 items ItemSeparatorComponent={() => <View style={{height: 14}} />} renderItem={({index}) => ( <Button key={index} style={s.list_container}> <ShimmerPlaceHolder style={{ width: 60, height: 60, marginRight: 16, borderRadius: width * 0.25, }} LinearGradient={LinearGradient} /> <View style={{flex: 1, rowGap: 16}}> <ShimmerPlaceHolder style={{width: '90%'}} LinearGradient={LinearGradient} /> <ShimmerPlaceHolder style={{width: '90%'}} LinearGradient={LinearGradient} /> </View> <View style={s.btn_container}> <ShimmerPlaceHolder LinearGradient={LinearGradient} style={s.btn_shimmer} /> <ShimmerPlaceHolder LinearGradient={LinearGradient} style={s.btn_shimmer} /> <ShimmerPlaceHolder LinearGradient={LinearGradient} style={s.btn_shimmer} /> </View> </Button> )} />
The text was updated successfully, but these errors were encountered: