mpx-rn-style-guide
Mpx 跨端输出 RN 样式开发指南
背景介绍
Mpx 是一个以微信小程序语法为基础、进行了类 Vue 语法拓展支持的跨端开发框架,支持将同一套代码输出到小程序(微信、支付宝、百度等)、Web 和 React Native 平台。尽管 Mpx 在编译时和运行时对样式能力进行了一定程度的跨平台抹平,但在输出 RN 时在样式能力支持上仍与小程序和 Web 平台存在较大差异,本文档详细描述了 Mpx 输出 RN 时的样式能力支持情况,以及跨平台开发时样式兼容的最佳实践。
Mpx 采用类 Vue 的单文件组件(SFC)格式 .mpx 进行组件与页面定义,详情查看:Mpx 单文件组件
知识库索引
| 知识库 | 说明 |
|---|---|
| Mpx 单文件组件 | 描述了 Mpx 单文件组件的基本结构与语法,并提供简单示例,开发 Mpx 单文件组件时读取 |
| 条件编译 | 描述了 Mpx 中包括模板、脚本、样式和配置等不同部分的条件编译语法,当跨端适配开发遇到兼容性问题需要分端处理时读取 |
| 跨端输出 RN 样式能力参考 | 描述了 Mpx 输出 RN 时详细的样式能力支持情况,当查询某项样式能力是否支持,遇到样式不生效、样式报错等问题时读取 |
| 跨端输出 RN 样式开发最佳实践 | 描述了 Mpx 输出 RN 时常用选择器和样式属性的跨端兼容方案和样式开发最佳实践,当进行已有组件跨端样式适配改造或新组件跨端样式开发时读取 |
跨端输出 RN 样式适配改造
More from didi/mpx
changelog-generator
通过查看当前最新版本与上一版本间的git提交记录与代码变更,生成版本变更日志,当用户询问“创建/生成变更日志”、“创建/生成changelog”时使用。
18doc-add-simple-hash
markdown文档编辑时,为标题添加简单的哈希锚点,当用户提到添加简单哈希锚点时强制调用。
17network-proxy
Helps when network-related commands (like curl, git, npm, pip, brew) are failing, timing out, or running slowly due to network issues. It suggests and applies proxy environment variables to fix connectivity problems.
16skill-creator
Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.
14mpx-development-guides
Mpx 框架开发指南集合,包含项目结构、开发语法、跨端输出、分包配置等,当用户询问 Mpx 开发相关问题时强制调用。
10karpathy-guidelines
Behavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to avoid overcomplication, make surgical changes, surface assumptions, and define verifiable success criteria.
6