FlatList setting getItemLayout in react-native

FlatList there is a getItemLayout method

this is how the Chinese website is introduced

getItemLayout is an optional optimization to avoid the overhead of dynamically sizing content, but only if you know the height of the content in advance. If your row height is fixed, getItemLayout is both efficient and simple to use, like this:

getItemLayout={(data, index) => (
    {length: ITEM_HEIGHT, offset: ITEM_HEIGHT * index, index}
 )}

it is necessary to know the size of the content in advance. What if the size of the content is not fixed?

my idea is to get it through the onLayout method, but I don"t know if it is similar to the "need to know the height of the content in advance" mentioned above, because at this time the content and rendering

is there any good solution?

Javascript react.js react-native

Jul.08,2022

solved? onLayout cannot solve it. Flatlist and SectionList do not render all nodes at once, and onLayout methods are not executed if they are not rendered. You may need to calculate where you need to scroll, using scrollTo to scroll

Previous: Wait for a rule online!

Next: Go protocol output to standard output, command line

How to monitor and click on each tab tag of TabNavigator in React Navigation
how to listen in React Navigation to click on each tab tag of TabNavigator, or to monitor the switching of TabNavigator ...

Javascript react.js react-native

Mar.18,2021
Delete the react-native nodemodules folder in npm install, but it will no longer run
react-native nodemodules folder deleted in npm install, but can no longer run error: Could not get BatchedBridge, make sure your bundle is packaged properly "on start of app Baidu round, still have no choice but to delete the whole project and start a...

Node.js javascript react.js react-native

Mar.19,2021
As shown in the react native picture, there is a gap in the picture. How to realize the broadcast map?
ask for help, how to realize this broadcast picture with a gap between left and right in react native ...

Javascript react.js react-native

Mar.23,2021
How to save online pictures to local albums by react-native
how does react-native save network pictures to local albums ...

Javascript react.js react-native

Mar.28,2021
React-native Development chat app,
problem description use redux in the project. Where should I instantiate websocket ? ...

Javascript react.js react-native

Apr.17,2021
Ask for help for react-navigation-related users
problem description use react-navigation as the route, but I need to intercept the route through whether there is a token, not to authenticate at first related codes Please paste the code text below (do not replace the code with pictures) con...

Css html javascript react.js react-native

Jan.08,2022
Is there any library in react-native that can take screenshots of react-native-video videos?
found react-native-view-shot on the Internet. https: github.com gre react-. but video screenshots are not supported is there any other way to take a screenshot of a video? ...

Video javascript react.js react-native

Jan.08,2022
Please tell me how to dynamically control initialRouteName in react-navigation components.
use the react-navigation component, how to dynamically set the default page initialRouteName for routing, is that after opening app, the user does not log in and the login page is displayed by default. If the user is logged in, open app to display ...

Reactnative javascript react.js react-native

Jun.13,2022