Fitten Code在Flutter和React Native中提供智能补全与跨框架调用：Flutter需正确初始化项目并安装扩展，支持StatefulWidget模板生成、Scaffold参数智能提示；React Native需配置jsx选项，支持JSX属性补全与样式引用追踪；跨框架调用需RN侧define方法、Flutter侧invoke，method名严格区分大小写。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在Flutter项目中启用Fitten Code智能补全
打开已初始化的Flutter项目（确保项目根目录下存在pubspec.yaml且已执行过flutter pub get），Fitten Code才能正确识别Dart SDK路径与依赖树。
在VSCode中打开任意.dart文件，例如lib/main.dart，等待右下角状态栏出现“Fitten Code: Ready”提示——若未出现，请检查是否已安装Fitten Code官方扩展并重启窗口。
输入StatefulWidget后按Tab键，Fitten Code将自动插入完整模板，包含createState()方法、对应State类定义及build()占位符，并将光标精准定位在Widget树返回语句内部。
当光标位于Scaffold的body参数位置时，Fitten Code会动态列出所有命名参数（如backgroundColor、resizeToAvoidBottomInset），每个参数旁标注类型（Widget?）与简短说明（“Primary content of the scaffold”），【不手动输入括号或冒号，直接回车即可插入带文档的参数骨架】。
在React Native项目中配置Fitten Code JSX智能感知
确认项目根目录存在tsconfig.json（或jsconfig.json），且compilerOptions.jsx字段值为"react-native"——这是Fitten Code识别原生组件样式属性和Props接口的前提。
方法一：在App.tsx中输入import { View, Text } from 'react-native';后，Fitten Code立即激活JSX语义分析，View标签内输入style={{}}再敲空格，自动补全flexDirection、paddingVertical等原生支持属性，并用灰色小字标注“❌ Not web-compatible”或“✅ Web-compatible”。
方法二：当光标停在StyleSheet.create对象内部某条样式声明上（如container: { margin: 16 }），Fitten Code反向追踪所有引用该key的位置，在悬浮提示中显示全部调用行号与上下文代码片段。
注意：若引用styles.text出现在多个JSX节点中，Fitten Code仅高亮首个匹配项——需手动滚动查看其余位置。
跨框架通信桥接：从Flutter调用React Native模块
第一步：在React Native侧注册可被调用的函数。
第二步：在React Native的index.js或主模块中，调用ReactNativeModule.define("fetchUserData", async (params) => { return await Api.getUser(params.id); });
第三步：切换至Flutter项目，在需要发起调用的Dart文件顶部导入package:fitten_code/fitten_code.dart。
第四步：执行FittenCode.invoke(method: "fetchUserData", params: {"id": "U123"});，结果将通过Future
第五步：在Flutter中处理返回值，例如用jsonDecode解析JSON字符串，或直接赋值给StatefulWidget中的变量触发UI重建。
