scrollview nested multi flashlist scroll abnormal

[vanBlayt]

Current behavior

there are my code。 scrollview nested two flashlist， 

- if i dont limit flashlist height，it will render all items at first time。

- if i use a view element to wrap them， the scrolling will stop when the first list scroll to the bottom.

  <ScrollView
    style={{ flex: 1 }}
    scrollEnabled={outerScrollEnable}
    nestedScrollEnabled
    ref={scrollViewRef}
  >
    {/* <View style={{ height: height, backgroundColor: "#333" }}> */}
    <FlashList
      data={list}
      keyExtractor={keyExtractor}
      renderItem={renderItem}
      estimatedItemSize={68}
      // style={{ flex: 1 }}
      scrollEnabled={goodsScrollEnable}
      nestedScrollEnabled
      onEndReached={handleGoodsEndReached}
    />
    {/* </View> */}
    {/* <View style={{ height, backgroundColor: "#fff" }}> */}
    <FlashList
      data={list2}
      keyExtractor={keyExtractor}
      renderItem={renderItem}
      estimatedItemSize={68}
      // style={{ flex: 1 }}
      scrollEnabled={recommendScrollEnable}
      nestedScrollEnabled
    />
    {/* </View> */}
  </ScrollView>

Expected behavior

• all items are rendered lazily
• scrolling is smooth and coherent

To Reproduce

https://github.com/vanBlayt/rn-flashlist-demo
i had pushed code to this repo

Platform:

• [✅] iOS
• [✅] Android

Environment

• node 18