reactjs – 使用react-native-web实现组件

发布时间：2020-12-15 20:44:39 所属栏目：百科来源：网络整理

导读：我使用 react-native-web来获得不仅可以用于移动设备而且可以用于Web浏览器的组件.我对这个想法的理解很简单：为常规的react-native组件提供基于HTML的实现. 如果我理解库是正确的,它的工作原理是用webpack覆盖包： // webpack.config.jsmodule.exports = {

我使用 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这样的外部软件包的实现.

像react-native-button这样的包只是使用React Native API的代码集合.如果您将react-native-web作为原始实现的替身加载,则第三方软件包可能“正常工作”.它的工作原理取决于反应本机网络的API实现的完整程度.

请注意,某些第三方React Native软件包包含特定的非Javascript代码(iOS / Android本机代码),这些代码本身并不旨在实现.如果软件包文档说你需要运行react-native链接或更改你的Xcode / Android Studio项目配置,那么它可能不适用于react-native-web.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!