Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 对ScrollView和FlatList中的子视图(div)的引用_React Native_React Native Web - Fatal编程技术网

React native 对ScrollView和FlatList中的子视图(div)的引用

React native 对ScrollView和FlatList中的子视图(div)的引用,react-native,react-native-web,React Native,React Native Web,长话短说,我正在努力添加电视支持,以响应本地web。这使得触摸屏具有焦点,AndroidTV和AppleTV会根据具有焦点的项目自动滚动滚动滚动视图和平面列表 我使用scrollToIndex等可以很好地实现这一点,但在一些情况下,我需要访问scroll或FlatList的子scroll div以供参考。FlastList创建一个包装器div,该包装器div表示scrollView的“窗口”,内部div包装视图中的所有项目 首先请原谅,因为我的大多数用例都是水平滚动的,所以我经常混淆宽度/高度,

长话短说,我正在努力添加电视支持,以响应本地web。这使得触摸屏具有焦点,AndroidTV和AppleTV会根据具有焦点的项目自动滚动滚动滚动视图和平面列表

我使用scrollToIndex等可以很好地实现这一点,但在一些情况下,我需要访问scroll或FlatList的子scroll div以供参考。FlastList创建一个包装器div,该包装器div表示scrollView的“窗口”,内部div包装视图中的所有项目

首先请原谅,因为我的大多数用例都是水平滚动的,所以我经常混淆宽度/高度,那么“标准”是什么

基本上,我试图找到一种“惯用的”本地方式来获取对该内部div的引用。这只适用于web,因为我正在复制本地特性

<div> <-- Container div, width/height is width/height of Scroll View, the "ref" I can get a node from -->
     <div> <--  I Want this "ref" - Inner div, width/height is width/height of all its children, overflows parent with enough items -->
           <div> <-- All the children -->
           <div>
            ....
           <div>
</div>

....

我可以使用scrollview引用的firstChild访问该节点并使其工作。这很好,但依赖于HTML的一些一致性,因此它看起来“脆弱”。有一些方法,如“getScrollableNode”和“getNativeScrollRef”,似乎可以工作,但它们要么不存在,要么引用父节点。

实际上getInnerViewNode适用于ScrollView,但不适用于FlatList实际上getInnerViewNode适用于ScrollView,但不适用于FlatList