用途
该技能用于在编写 React Native Web 组件样式时提供可参考的模式，覆盖 StyleSheet API、平台特定样式、响应式设计与主题化。
主要能力
- StyleSheet API：使用 StyleSheet.create() 创建优化样式，示例包含 container 与 text 样式。
- Flexbox 布局：React Native 使用 Flexbox 布局，且默认值与 Web 不同，默认 flexDirection 为 'column'（而非 Web 的 'row'）。
- 平台特定样式：使用 Platform.select() 为不同平台设置不同样式，示例区分 web（maxWidth、marginHorizontal）与 native（paddingHorizontal）。
- 响应式设计：建议使用百分比宽度与 flexbox；在 Web 上使用 useWindowDimensions 实现响应式行为，示例根据宽度判断 isDesktop 并切换样式。
- 主题化：通过 createContext 与 useContext 创建主题 Context，示例定义 lightTheme，包含 colors（primary、background、text、border）与 spacing（xs、sm、md、lg、xl），并提供 ThemeProvider 与 useTheme。
- 示例组件：Styled Component（Button，支持 variant 与 size）、Responsive Grid（根据宽度切换列数）、Shadows and Elevation（iOS shadow、Android elevation、Web boxShadow）。
- 常见模式：动态样式、样式组合、绝对定位。
- 反模式：不要使用 CSS 类或样式表；字体不要使用像素值（用数字）；不要内联复杂样式；列表间距不要用 margin（用 gap 或 paddingVertical）。
使用方式
资料以代码示例形式展示各模式，包括导入方式（如从 'react-native' 导入 StyleSheet、Platform、useWindowDimensions）、样式定义与组件写法。可直接参考示例中的代码结构进行样式编写。
适用场景
适用于为 React Native Web 组件编写样式时，需要处理跨平台样式差异、响应式布局、主题管理、阴影与 elevation、动态样式与样式组合等场景。
限制
资料未提供该技能的安装命令、收费或价格、平台支持范围、效果数据等事实，这些内容暂未提供。