1 个脚本搞定 uni-app 到 React Native 的页面迁移！附完整源码

下面是一个小型 Node.js 脚本，用于将简单的uni-app.vue页面中的：

• 中的标签（如 、 、）转成 React Native 的 JSX 结构；

• 


  输出 RN 文件（test.js）

  import React from 'react';
  import { View, Text, Image, TouchableOpacity, StyleSheet, ToastAndroid } from 'react-native';
  
  export default function ConvertedScreen() {
    const handleClick = () => {
      uni.showToast({ title: '点击成功' })
    };
  
    return (
      
  
         
  
   Hello UniApp Text>       
  
  
   点击 Text> TouchableOpacity>      View>   ); } const styles = StyleSheet.create({   // 原始样式：   /*   view {     padding: 20;   }   text {     color: red;     font-size: 28;   }   */ });
  
  
  
  

  ✅ 后续建议

  • 方法中的uni.*API 需手动替换成 RN 的 API（如ToastAndroid.show）。

  • 样式建议使用StyleSheet.create或tailwind-rn重构。

  • 复杂页面可结合 AST 工具进一步增强解析精度。