# flutter_note_v2

**Repository Path**: android.long/flutter_note_v2

## Basic Information

- **Project Name**: flutter_note_v2
- **Description**: 课程 记事本 
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-12-08
- **Last Updated**: 2026-01-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# flutter_note

记事本  云笔记

## Getting Started

 公众号 biglead 
 
 灵动笔记下载链接  https://www.pgyer.com/lingdongbiji 

 本项目中使用到的登录账号 ，可以在 灵动笔记 中 获取 验证码进行账号登录注册 
 

#### Android 权限配置 
```xml

    <uses-permission android:name="android.permission.INTERNET" />
    <!-- 允许应用程序获取网络状态信息 -->
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    
    <!-- 存储相关权限 -->
    <!-- Android 13以下的外部存储读取权限 -->
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <!-- 外部存储写入权限 -->
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <!-- Android 13及以上的图片权限 -->
    <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
    
    <!-- 相机权限 -->
    <!-- 允许应用程序访问设备相机 -->
    <uses-permission android:name="android.permission.CAMERA" />
    
    <!-- 安装未知来源应用权限 (Android 8.0+) -->
    <!-- 允许应用程序请求安装未知来源的应用 -->
    <uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES" />
```

ios 权限配置 

```xml

	<!-- 相册访问权限配置 -->
	<key>NSPhotoLibraryUsageDescription</key>
	<string>需要访问您的相册以选择头像图片</string>
	<key>NSPhotoLibraryAddUsageDescription</key>
	<string>需要保存图片到您的相册</string>

```

富文本编辑器 依赖
```yaml
  # 富文本编辑器
  flutter_quill: ^11.5.0
  # 美观的Markdown渲染库
  markdown_widget: ^2.3.0
  # 将 Quill 编辑器的 Delta 格式转换为 HTML 格式
  vsc_quill_delta_to_html: ^1.0.5
  # 富文本编辑器工具栏
  flutter_quill_extensions: ^11.0.0
  # 将 HTML 格式转换回 Quill 编辑器的 Delta 格式
  flutter_quill_delta_from_html: ^1.5.3
```

```dart

// 富文本编辑器工具栏
// QuillSimpleToolbar 是 FlutterQuill 库提供的工具栏组件，用于富文本编辑
// 它提供了文本格式化、样式调整等功能按钮
QuillSimpleToolbar(
    // 控制器：与富文本编辑器共享同一个控制器，用于同步状态
    // _richTextController 控制整个富文本编辑的内容和状态
    controller: _richTextController,
    // 工具栏配置：通过 QuillSimpleToolbarConfig 自定义工具栏行为和外观
    config: QuillSimpleToolbarConfig(
    // 布局配置
    // 工具栏各部分之间的间距，设置为 16 像素
    toolbarSectionSpacing: 16,
    // 是否使用多行显示工具栏，设置为 true 以适应更多按钮
    multiRowsDisplay: true,
    // 是否显示工具栏各部分之间的分隔线，设置为 true 以增强视觉区分
    showDividers: true,
    
    // 功能按钮配置
    // 字体选择按钮
    showFontFamily: true,
    // 字号选择按钮
    showFontSize: true,
    // 粗体按钮
    showBoldButton: true,
    // 斜体按钮
    showItalicButton: true,
    // 下划线按钮
    showUnderLineButton: true,
    // 删除线按钮
    showStrikeThrough: true,
    // 文字颜色按钮
    showColorButton: true,
    // 背景色按钮
    showBackgroundColorButton: true,
    // 清除格式按钮
    showClearFormat: true,
    // 显示对齐方式按钮组
    showAlignmentButtons: true,
    // 标题样式按钮
    showHeaderStyle: true,
    // 数字列表按钮
    showListNumbers: true,
    // 项目符号列表按钮
    showListBullets: true,
    // 复选框列表按钮
    showListCheck: true,
    // 代码块按钮
    showCodeBlock: true,
    // 引用块按钮
    showQuote: true,
    // 缩进调整按钮
    showIndent: true,
    // 链接按钮
    showLink: false,
    // 撤销按钮
    showUndo: true,
    // 重做按钮
    showRedo: false,
    // 搜索按钮
    showSearchButton: false,
    // 嵌入按钮配置：启用工具栏中的嵌入功能按钮
    // FlutterQuillEmbeds.toolbarButtons() 提供了默认的嵌入按钮集合
    // 包括图片、视频等媒体嵌入功能
    embedButtons: FlutterQuillEmbeds.toolbarButtons(),
)

```