[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-a5b90816-aef8-44d7-a08f-15d16ba5b2cb":3,"$fmDFVH950fWE2esPSMs6xubj2n14ZGIqM0EoEMral2wA":43},{"id":4,"title":5,"description":6,"categoryId":7,"moduleId":8,"tags":9,"prompt":10,"icon":11,"source":12,"sourceUrl":13,"authorId":14,"authorName":15,"isPublic":16,"stars":17,"runs":18,"createdAt":19,"updatedAt":19,"module":20,"category":27,"packages":34},"a5b90816-aef8-44d7-a08f-15d16ba5b2cb","expo-ui-jetpack-compose","expo-ui-jetpack-compose 翻译为：expo-ui-jetpack-compose","cat_life_career","mod_other","sickn33,other","---\nname: expo-ui-jetpack-compose\ndescription: expo-ui-jetpack-compose\nrisk: unknown\nsource: community\n---\n\n---\nname: expo-ui-jetpack-compose\ndescription: `@expo\u002Fui\u002Fjetpack-compose` package lets you use Jetpack Compose Views and modifiers in your app.\n---\n\n> The instructions in this skill apply to SDK 55 only. For other SDK versions, refer to the Expo UI Jetpack Compose docs for that version for the most accurate information.\n\n## When to Use\n- You need to build Android-native UI in Expo using `@expo\u002Fui\u002Fjetpack-compose`.\n- The task involves choosing Compose views or modifiers, embedding them in `Host`, or translating Jetpack Compose patterns into Expo UI code.\n- You are working specifically against Expo SDK 55 behavior for Jetpack Compose integration.\n\n## Installation\n\n```bash\nnpx expo install @expo\u002Fui\n```\n\nA native rebuild is required after installation (`npx expo run:android`).\n\n## Instructions\n\n- Expo UI's API mirrors Jetpack Compose's API. Use Jetpack Compose and Material Design 3 knowledge to decide which components or modifiers to use.\n- Components are imported from `@expo\u002Fui\u002Fjetpack-compose`, modifiers from `@expo\u002Fui\u002Fjetpack-compose\u002Fmodifiers`.\n- When about to use a component, fetch its docs to confirm the API - https:\u002F\u002Fdocs.expo.dev\u002Fversions\u002Fv55.0.0\u002Fsdk\u002Fui\u002Fjetpack-compose\u002F{component-name}\u002Findex.md\n- When unsure about a modifier's API, refer to the docs - https:\u002F\u002Fdocs.expo.dev\u002Fversions\u002Fv55.0.0\u002Fsdk\u002Fui\u002Fjetpack-compose\u002Fmodifiers\u002Findex.md\n- Every Jetpack Compose tree must be wrapped in `Host`. Use `\u003CHost matchContents>` for intrinsic sizing, or `\u003CHost style={{ flex: 1 }}>` when you need explicit size (e.g. as a parent of `LazyColumn`). Example:\n\n```jsx\nimport { Host, Column, Button, Text } from \"@expo\u002Fui\u002Fjetpack-compose\";\nimport { fillMaxWidth, paddingAll } from \"@expo\u002Fui\u002Fjetpack-compose\u002Fmodifiers\";\n\n\u003CHost matchContents>\n  \u003CColumn verticalArrangement={{ spacedBy: 8 }} modifiers={[fillMaxWidth(), paddingAll(16)]}>\n    \u003CText style={{ typography: \"titleLarge\" }}>Hello\u003C\u002FText>\n    \u003CButton onPress={() => alert(\"Pressed!\")}>Press me\u003C\u002FButton>\n  \u003C\u002FColumn>\n\u003C\u002FHost>;\n```\n\n## Key Components\n\n- **LazyColumn** — Use instead of react-native `ScrollView`\u002F`FlatList` for scrollable lists. Wrap in `\u003CHost style={{ flex: 1 }}>`.\n- **Icon** — Use `\u003CIcon source={require('.\u002Ficon.xml')} size={24} \u002F>` with Android XML vector drawables from [Material Symbols](https:\u002F\u002Ffonts.google.com\u002Ficons).\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.\n","","imported","https:\u002F\u002Fgithub.com\u002Fsickn33\u002Fantigravity-awesome-skills","user_system_seed","SkillOPIC",true,179,822,"2026-05-16 13:17:28",{"id":8,"name":21,"slug":22,"icon":23,"description":24,"sort":25,"createdAt":26},"其他","other","mdi-page-next-outline","其他类型Skill",5,"2026-05-16 12:53:40",{"id":7,"name":28,"slug":29,"icon":30,"description":31,"moduleId":8,"sort":32,"skillCount":33,"createdAt":26},"职场发展","career","mdi-briefcase-outline","面试准备、简历优化、职业规划",4,575,[35],{"id":36,"skillId":4,"version":37,"fileName":38,"fileSize":39,"filePath":40,"fileHash":41,"manifest":42,"createdAt":19},"1dc9498f-7034-4114-b643-113ea605e6ea","1.0.0","expo-ui-jetpack-compose.zip",1404,"uploads\u002Fskills\u002Fa5b90816-aef8-44d7-a08f-15d16ba5b2cb\u002Fexpo-ui-jetpack-compose.zip","9049419d4e9d81623865a74d6972f797fd50c4c5bca8c86967b69b8119b03f30","[{\"path\":\"SKILL.md\",\"isDirectory\":false,\"size\":2732}]",{"code":44,"message":45,"data":46},200,"success",{"items":47,"stats":48,"page":51},[],{"averageRating":49,"totalRatings":49,"ratingCounts":50},0,[49,49,49,49,49],{"limit":52,"offset":49,"hasMore":53,"nextOffset":52,"ratedOnly":16},15,false]