Flutter字体插件sant_lipi的使用

Flutter字体插件sant_lipi的使用

Sant Lipi 是一种用于表达独特字符和组合的 Unicode 字体。它主要用于 Gurmukhi 文字，并且是一个变量字体。

Sant Lipi 的更多信息可以在其 GitHub 仓库中找到。

安装

首先，你需要在项目中添加 sant_lipi 包。可以通过以下命令添加：

dart pub add sant_lipi

然后，在 pubspec.yaml 文件中声明字体：

flutter:
  fonts:
    - family: SantLipi
      fonts:
        - asset: packages/sant_lipi/SantLipi-VF.ttf

使用

注意：可用的字体权重从 100 到 900（例如，下面的 400 可以是 581.321）。

以下是如何在 Flutter 中使用 Sant Lipi 字体的示例代码：

TextStyle(
  fontFamily: 'SantLipi',
  fontVariations: [
    FontVariation('wght', 400), // 这里可以调整字体的权重
  ],
)

完整的示例代码如下：

import 'dart:ui';

import 'package:flutter/material.dart';

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

class MainApp extends StatefulWidget {
  const MainApp({super.key});

  [@override](/user/override)
  State<StatefulWidget> createState() => AppState();
}

class AppState extends State<StatefulWidget> {
  var fontWeight = 400.0; // 控制字体的权重

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        sliderTheme: SliderThemeData(
          showValueIndicator: ShowValueIndicator.always,
        ),
      ),
      home: Scaffold(
        body: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              'ਸੰਤ ਲਿੱਪੀ', // 示例文本
              style: TextStyle(
                fontSize: 32,
                fontFamily: 'SantLipi',
                fontVariations: [
                  FontVariation('wght', fontWeight), // 动态调整字体权重
                ],
              ),
            ),
            Slider(
              value: fontWeight, // 当前字体权重
              label: fontWeight.toStringAsFixed(0), // 滑块标签
              min: 100, // 最小权重
              max: 900, // 最大权重
              onChanged: (value) {
                setState(() {
                  fontWeight = value; // 更新字体权重
                });
              },
            ),
          ],
        ),
      ),
    );
  }
}

更多关于Flutter字体插件sant_lipi的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter字体插件sant_lipi的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


sant_lipi 是一个用于 Flutter 的字体插件，它允许你在应用中轻松使用自定义字体。以下是如何在 Flutter 项目中使用 sant_lipi 插件的基本步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 sant_lipi 插件的依赖。

dependencies:
  flutter:
    sdk: flutter
  sant_lipi: ^1.0.0  # 请确保使用最新版本

然后，运行以下命令来获取依赖：

flutter pub get

2. 添加字体文件

确保你的字体文件（如 .ttf 或 .otf 文件）已经放在项目的 fonts 文件夹中。如果没有，你可以创建一个 fonts 文件夹并将字体文件放入其中。

然后在 pubspec.yaml 文件的 fonts 部分注册字体：

flutter:
  fonts:
    - family: SantLipi
      fonts:
        - asset: fonts/SantLipi-Regular.ttf

3. 使用字体

在你的 Flutter 应用中使用 sant_lipi 字体。你可以通过 TextStyle 来指定字体。

import 'package:flutter/material.dart';
import 'package:sant_lipi/sant_lipi.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Sant Lipi Example',
      theme: ThemeData(
        fontFamily: 'SantLipi',  // 设置默认字体
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Sant Lipi Example'),
      ),
      body: Center(
        child: Text(
          'Hello, Sant Lipi!',
          style: TextStyle(
            fontSize: 24,
            fontFamily: 'SantLipi',  // 显式指定字体
          ),
        ),
      ),
    );
  }
}

4. 运行应用

完成上述步骤后，你可以运行你的 Flutter 应用，并看到使用了 sant_lipi 字体的文本。

flutter run
回到顶部