必须在d-pad上单击两次以更改焦点

Question

我正在使用FlatList进行加载和滚动。我遇到一个问题，有时用户必须单击两次（D-pad向下按钮）才能更改焦点。一种将视图带入视口，另一种改变焦点。

<FlatList

        ref=pageRef
        style= flex: 1, width: p(1920) 
        data=getData()
        showsVerticalScrollIndicator=false
        removeClippedSubViews
        onEndReached=getNewPage
        keyExtractor=(item) => item.contentGroupId
        getItemLayout=getItemLayout
        ListFooterComponent=
          <View style= height: p(234)  accessible=false />
        
        renderItem=( item, index ) => (rowRenderer(item, index))
      />

我正在使用getItemLayout来告知行的高度

const getItemLayout = (dat, index) => 
    const lay = 
      length: getDimensions(index).height,
      offset: getDimensions(index).height * index ,
      index
    
    return lay

我正在使用TouchableOpacity渲染项目并聚焦它们。

我如何确保项目正确滚动，并且单击（d-pad向下按钮）焦点应更改为下一个TouchableOpacity