Flatlist nesting is not working properly Scroll

[wangfpp]

Info

React Native Environment Info:
System:
OS: Linux 4.15 Ubuntu 18.04.3 LTS (Bionic Beaver)
CPU: (8) x64 Intel(R) Core(TM) i7-4790 CPU @ 3.60GHz
Memory: 474.79 MB / 15.55 GB
Shell: 4.4.20 - /bin/bash
Binaries:
Node: 8.10.0 - /usr/bin/node
Yarn: 1.16.0 - /usr/local/bin/yarn
npm: 3.5.2 - /usr/bin/npm
npmPackages:
react: 16.8.3 => 16.8.3
react-native: 0.59.9 => 0.59.9
npmGlobalPackages:
react-native-cli: 2.0.1

Example Code

              <FlatList
                        data={this.state.grouplist}
                        style={styles.leftflatlist}
                        // contentContainerStyle={{height: 200}}
                            numColumns={4}
                            extraData={this.state}
                            horizontal={false}
                            renderItem={({item, index}) => {
                                let list = item;
                                let _index = index;
                                return (
                                        <FlatList 
                                             listKey={_index}
                                            data={list}
                                            extraData={this.state}
					   horizontal={false}
					style={styles.scroll}
					numColumns={4}
					renderItem={({item, index}) => {
					return (
                                                    <TouchableHighlight 
                                                    underlayColor="rgba(0,0,0,0)"
                                                    key={item.index} 
                                                    onPress={this.editorGroup.bind(this, _index, index, item)}>
                                                        <Avatar 
                                                        shake={this.state.rotateList[_index]}
                                                        icon={{uri: item.face_image}}
                                                        name={item.name}>
                                                    </Avatar> 
                                                    </TouchableHighlight>
												)
	                      </FlatList>
            </FaltList>

Inner layer cannot be scrolled

[vinicarra]

I might be wrong but seems you don't actually need 2 FlatLists to produce the results you're looking for. Perhaps a SectionList would better fit your needs as it can separate its content in groups while using only 1 scrollable area. Nested FlatLists will mostly likely not work as you are expecting as one might end stealing the scrollEvent from the other. A good example for nested FlatLists is when their direction diverges (e.g the main FlatList using vertical scrolling while its children using horizontal scrolling).

[stale]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

[stale]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.