小编Wah*_*tar的帖子

react-native中热重载和快速刷新的区别

在用于反映代码更改的react-native 0.61之前的版本中,我们有两个选择。

  1. 实时重新加载(检测到一些变化时重新加载应用程序)
  2. Hot Reload(无需重新加载即可反映更改)

但是在0.61版本中,删除了这两个(Live Reload、Hot Reload),引入了一个名为Fast Refresh的新开发功能,它的工作方式也类似于Hot Reload 所以现在的问题是Fast RefreshHot Reload之间的根本区别是什么.

reactjs react-native react-native-android react-native-ios

18
推荐指数
2
解决办法
6385
查看次数

React-Native-Scrollview 的滚动在到达 StickyHeaderIndices 时被禁用

我正在尝试使我的标签栏具有粘性,我正在使用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

5
推荐指数
0
解决办法
1362
查看次数

如何使用 React-Native 在移动应用中实现类似 youtube 播放器的 Mini View

我想在 React-Native 中实现一个迷你视图或浮动视图,在我们关闭它之前应该保持或打开它,如果我们导航到其他屏幕,它应该保持打开状态吗? 在此处输入图片说明

reactjs react-native react-native-android react-native-ios react-navigation

5
推荐指数
1
解决办法
3426
查看次数

使用 React-Navigation v4 延迟加载特定选项卡

我正在使用 React-Navigation V4,问题是,是否有任何方法可以仅延迟加载特定选项卡,例如我有四个选项卡并且我想在选项卡组件初始化后加载两个选项卡并且不想加载其他两个这些选项卡两个只会在用户激活它们时加载。如果我lazy: true在 React 中使用它,它会在所有选项卡上工作,或者延迟加载将被全部禁用或全部启用。

reactjs react-native react-navigation react-navigation-stack react-navigation-bottom-tab

5
推荐指数
0
解决办法
649
查看次数