React Native 开启 Fabric 后自定义 View 不渲染是怎么回事？
我最近在尝试把项目迁移到 React Native 的新架构，启用了 Fabric 渲染器。但发现之前用原生模块写的自定义 View 组件完全不显示了，控制台也没报错，就是空白。
我确认原生端的 ViewManager 和 ShadowNode 都按文档更新了，JS 端也加了 requireNativeComponent。是不是哪里漏了配置？还是写法不兼容 Fabric？
import { requireNativeComponent } from 'react-native';
const MyCustomView = requireNativeComponent('MyCustomView');
export default function App() {
return (
<MyCustomView
style={{ width: 200, height: 200, backgroundColor: 'red' }}
/>
);
}
1 条解答
React Native开启Fabric后自定义View不渲染但没报错，基本就是原生端注册或者接口实现的问题。你需要检查几点：
第一，确认你的ViewManager实现了正确的接口。Fabric模式下需要实现ViewManagerDelegate或者遵循新的接口规范，不是光更新了ViewManager和ShadowNode就完事的。
第二，看看你有没有在对应的Package里正确注册这个ViewManager。旧架构和新架构的注册方式可能有点区别，特别是如果你的项目是从老版本升级上来的。
第三，最容易踩坑的地方：Fabric模式下组件实例的创建流程变了。你需要确保ViewManager的createViewInstance方法返回了正确的View实例，而且这个实例要能正确响应setProps调用。
还有个常见问题是事件绑定。在Fabric下事件机制不一样了，如果你之前的组件依赖事件通信，可能需要调整。
建议你先把Fabric关掉确认组件能正常显示，然后再逐步排查新架构下的兼容问题。官方文档关于Fabric迁移的部分写得挺细的，对照着查查哪一步漏了。