mpx-rn-style-guide

Installation
SKILL.md

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 样式适配改造

Related skills
Installs
72
Repository
didi/mpx
GitHub Stars
3.9K
First Seen
Mar 13, 2026