Error when placing FlatList inside dialog

[sandeepsengupta]

Placing a FlatList inside a dialog causes an error:

VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead.

This is probably a result of the internal dummy ScrollView inside Dialog.tsx.

One workaround might be to make the internal dummy ScrollView horizontal instead of vertical, but then placing a horizontal FlatList inside the dialog would probably not work.

Another possibility might be to use a dummy VirtualizedList or FlatList instead of a dummy ScrollView, but then certain required props (like renderItem) would have to be specified too.

Just wanted to get your thoughts on this and see if adding list support is something you can easily do. Thank you so much!

Reproducible example

import {useState} from 'react';
import {Button, FlatList, Text, View} from 'react-native';
import {ConfirmDialog} from 'react-native-simple-dialogs';

function App() {
  const [dialogVisible, setDialogVisible] = useState(false);

  return (
    <>
      <ConfirmDialog
        title="Dialog"
        visible={dialogVisible}
        onTouchOutside={() => setDialogVisible(false)}
        negativeButton={{title: "Cancel", onPress: () => setDialogVisible(false)}}
        positiveButton={{title: "OK",     onPress: () => setDialogVisible(false)}}>
      
        <FlatList
          data={["List item 1", "List item 2", "List item 3"]}
          renderItem={({item, index, separators}) => (
            <Text>{item}</Text>
          )} />
      
      </ConfirmDialog>
      
      <View style={{marginTop: 100, alignSelf: "center"}}>
        <Button title="Open dialog" onPress={() => setDialogVisible(true)} />
      </View>
    </>
  );
}

export default App;

Environment details

react-native 0.84.0
react-native-simple-dialogs 3.0.1
Tested in Android 16 (API 36.1) and iOS 26.2

[douglasjunior]

You don't need flast list to render 3 items, just use array.map

FlatList is supposed to be used with dozens of items.

[sandeepsengupta]

Thanks for the response, and for maintaining this useful library! The 3-item list was just a minimal example for reproducing the error. In the app I am working on, the list can be arbitrarily long, as it displays user-specified data. The user will specify the data elsewhere in the app, but the dialog will allow the user to quickly choose one of the items they entered.

I understand you may not want to add support for lists inside dialogs - I just thought I would get your thoughts on this. I think the only thing preventing it is the internal dummy ScrollView, so I wonder if there is some other approach that would achieve the same thing as that ScrollView.

Thanks again for your help!