Flutter开发指南：构建高性能跨平台移动应用，掌握Dart与组件化开发

flutter-development by aj-geddes/useful-ai-prompts

268 周安装量

141 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/aj-geddes/useful-ai-prompts --skill flutter-development

开发 Flutter

🇨🇳中文介绍

Flutter 开发

概述

使用 Flutter 和 Dart 语言创建高性能、视觉惊艳的移动应用程序。掌握组件组合、状态管理模式、导航和 API 集成。

使用场景

构建具有原生性能的 iOS 和 Android 应用
使用 Flutter 的组件系统设计自定义 UI
实现复杂的动画和视觉效果
通过热重载进行快速应用开发
创建跨平台的一致用户体验

快速开始

最小工作示例：

// pubspec.yaml
name: my_flutter_app
version: 1.0.0

dependencies:
  flutter:
    sdk: flutter
  provider: ^6.0.0
  http: ^1.1.0
  go_router: ^12.0.0

// main.dart with GoRouter navigation
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp.router(
// ... (完整实现请参阅参考指南)

参考指南

references/ 目录下的详细实现：

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

指南	内容
项目结构与导航	项目结构与导航
使用 Provider 进行状态管理	使用 Provider 进行状态管理
集成 Provider 的屏幕	集成 Provider 的屏幕

🇺🇸English

Flutter Development

Overview
When to Use
Quick Start
Reference Guides
Best Practices

Overview

Create high-performance, visually stunning mobile applications using Flutter with Dart language. Master widget composition, state management patterns, navigation, and API integration.

When to Use

Building iOS and Android apps with native performance
Designing custom UIs with Flutter's widget system
Implementing complex animations and visual effects
Rapid app development with hot reload
Creating consistent UX across platforms

Quick Start

Minimal working example:

// pubspec.yaml
name: my_flutter_app
version: 1.0.0

dependencies:
  flutter:
    sdk: flutter
  provider: ^6.0.0
  http: ^1.1.0
  go_router: ^12.0.0

// main.dart with GoRouter navigation
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp.router(
// ... (see reference guides for full implementation)

Reference Guides

Detailed implementations in the references/ directory:

Guide	Contents
Project Structure & Navigation	Project Structure & Navigation
State Management with Provider	State Management with Provider
Screens with Provider Integration	Screens with Provider Integration

Best Practices

✅ DO

Use widgets for every UI element
Implement proper state management
Use const constructors where possible
Dispose resources in state lifecycle
Test on multiple device sizes
Use meaningful widget names
Implement error handling
Use responsive design patterns
Test on both iOS and Android
Document custom widgets

❌ DON'T

Build entire screens in build() method
Use setState for complex state logic
Make network calls in build()
Ignore platform differences
Create overly nested widget trees
Hardcode strings
Ignore performance warnings
Skip testing
Forget to handle edge cases
Deploy without thorough testing

Weekly Installs

236

Repository

aj-geddes/usefu…-prompts

GitHub Stars

121

First Seen

Jan 21, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykPass

Installed on

gemini-cli199

opencode196

codex191

github-copilot167

claude-code165

cursor165