SuperAPI AI 工具集

json-render-react-native

前端与建站

查看项目

更新于 10-16 00:20

技能介绍

用途:@json-render/react-native 是 json-render 的 React Native 渲染器,把 JSON 规格转换为原生移动端组件树,用于以数据驱动方式构建 React Native 界面。

主要能力:提供标准组件,涵盖布局(Container、Row、Column、ScrollContainer、SafeArea、Pressable、Spacer、Divider)、内容(Heading、Paragraph、Label、Image、Avatar、Badge、Chip)、输入(Button、TextInput、Switch、Checkbox、Slider、SearchBar)、反馈(Spinner、ProgressBar)与复合组件(Card、ListItem、Modal)。支持可见性条件、动态属性表达式、内置动作与表单校验。

使用方式:通过 defineCatalog 结合 schema 与 standardComponentDefinitions 创建目录,用 defineRegistry 注册自定义组件(标准组件已内置),再用 Renderer 渲染规格。动态属性支持 $state 单向读取、$bindState 双向绑定、$bindItem 绑定重复项字段、$cond 条件取值;双向绑定写在组件的自然值属性上,而非 statePath。内置 setState 动作由 ActionProvider 自动处理并更新状态模型。提供 StateProvider、ActionProvider、VisibilityProvider、ValidationProvider 等 Provider,可通过 createStateStore 传入外部 store 实现受控模式。

适用场景:需要由 JSON 规格驱动、动态生成 React Native 移动端界面的项目。

限制:资料未提供平台支持范围、性能表现、收费与价格信息,暂未提供。