使用react-native-web实现组件

时间:2016-05-25 06:58:52

标签: reactjs react-native

我使用react-native-web创建的组件不仅可以用于移动设备,还可以用于Web浏览器。我对这个想法的理解很简单:为常规的react-native组件提供基于HTML的实现。

如果我理解库是正确的,它可以通过用webpack覆盖包来实现:

// webpack.config.js

module.exports = {
    ...
    resolve: {
        alias: {
            'react-native': 'react-native-web'
        }
    }
};

但是,如果我想为react-native-web未实现的组件提供实现呢?我怎样才能为react-native-button等外部包提供实现。

1 个答案:

答案 0 :(得分:0)

react-native-button这样的包只是使用React Native的API的代码集合。如果您加载react-native-web作为原始实施的替代,则第三方软件包可能"只需工作"。它的工作原理取决于react-native-web的API实现的完整程度。

请注意,某些第三方React Native软件包包含react-native-web并非旨在实现的特定非Javascript代码(iOS / Android本机代码)。如果软件包文档说您需要运行react-native link或更改您的Xcode / Android Studio项目配置,那么react-native-web可能无法轻松使用它。