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

前端之家收集整理的这篇文章主要介绍了reactjs – 使用react-native-web实现组件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用 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.

猜你在找的React相关文章