在用于反映代码更改的react-native 0.61之前的版本中,我们有两个选择。
但是在0.61版本中,删除了这两个(Live Reload、Hot Reload),引入了一个名为Fast Refresh的新开发功能,它的工作方式也类似于Hot Reload 所以现在的问题是Fast Refresh和Hot Reload之间的根本区别是什么.
我正在尝试使我的标签栏具有粘性,我正在使用native base标签栏,而他们正在使用"react-native-scrollable-tab-view". 我用scrollView包裹我的根视图并设置“stickyHeaderIndices={[1]}”,这对于使我的选项卡栏粘在顶部很有用,但是当这些选项卡栏粘在顶部时,滚动在粘到顶部之前停止工作它工作正常,但是当这些选项卡粘在顶部滚动条上时,它会停止工作,有什么建议吗?
我尝试添加另一个滚动视图,这样我的滚动就可以工作,但没有运气,我在选项卡内有 FlatList 组件,但在 StickyHeaderIndices 滚动工作之前,FlatList 的滚动在 StickyHeaderIndices 之后也不起作用。
<ScrollView
stickyHeaderIndices={[1]}
ref={ref => this.scrollView = ref}
onContentSizeChange={(contentWidth, contentHeight) => {
_scrollToBottomY = contentHeight
}}
contentContainerStyle={{flexGrow: 1, flex: 1}}>
> <AnotherComponent/>
<MyTabsComponent />
</ScrollView>
Run Code Online (Sandbox Code Playgroud)
滚动应该在 StickyHeaderIndices 之后起作用。
react-native react-native-scrollview react-native-ios react-native-flatlist
reactjs react-native react-native-android react-native-ios react-navigation
我正在使用 React-Navigation V4,问题是,是否有任何方法可以仅延迟加载特定选项卡,例如我有四个选项卡并且我想在选项卡组件初始化后加载两个选项卡并且不想加载其他两个这些选项卡两个只会在用户激活它们时加载。如果我lazy: true在 React 中使用它,它会在所有选项卡上工作,或者延迟加载将被全部禁用或全部启用。
reactjs react-native react-navigation react-navigation-stack react-navigation-bottom-tab