常见问题

如何和 React.Context 一起使用

React.Context 使得具有相同根组件的所有子组件共享上下文。可是 hybrid-navigation 的每一个页面都是独立的,它们没有共同的根组件,那么,如何才能在 hybrid-navigation 环境下使用 React.Context 呢?

请参考 ContextDemoopen in new window

为什么在 Android 平台,push 到下一个页面时,当前页面的图片会消失?

细心的同学,可能会注意到,在 Android 平台,push 到下一个页面时,当前页面的图片会消失。这是怎么回事呢?

这是由于 React Native 底层使用的图片加载库是 Fresco。Fresco 做了过度优化,会把不可见页面的图片隐藏掉。

相关 issueopen in new window

推荐使用 FastImageopen in new window 替换掉 ReactNative 自带的 Image 组件

为了避免误用 Image 组件,可以在 eslintrc 中加入如下规则

module.exports = {
  rules: {
    'no-restricted-imports': [
      'error',
      {
        paths: [
          {
            name: 'react-native',
            importNames: ['Image'],
            message: '请使用 FastImage 替代 Image',
          },
        ],
      },
    ],
  },
}
上次更新: 10/19/2021, 8:00:04 AM