Flutter Schema.org 数据模型插件 schema_org 的使用

特性

schema_org 插件提供了用于 Schema.org 词汇表的 Dart 定义，可以导出为 JSON-LD 格式。类型被暴露为完整的区分类型联合，允许轻松完成和更严格的验证。

你可以在 Schema.org 上找到所有可用的模式，每个模式在这个库中都有一个以 Schema 为前缀的表示形式。例如：

• Organization => SchemaOrganization
• Person => SchemaPerson

使用方法

调用 SchemaOrg.writeJsonLd() 方法，并传入代表您数据的 Schema.org 类。下面是一个示例，展示如何创建并输出一个 SchemaOrganization 对象作为 JSON-LD 数据：

import 'package:schema_org/schema_org.dart';
import 'package:schema_org/schemas/organization.dart';

void main() {
  SchemaOrg.writeJsonLd(
    SchemaOrganization(
      name: 'Oddbit',
      url: 'https://oddbit.id',
      logo: 'https://avatars.githubusercontent.com/u/1946799?s=200&v=4',
    ),
  );
}

示例 Demo

以下是一个完整的 Flutter 应用程序示例，它不仅展示了如何使用 schema_org 包来生成 JSON-LD 数据，还显示了一个简单的用户界面（UI）：

import 'package:flutter/material.dart';
import 'package:schema_org/schema_org.dart';
import 'package:schema_org/schemas/organization.dart';

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

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  void initState() {
    super.initState();
    // 在初始化时写入 JSON-LD 数据
    SchemaOrg.writeJsonLd(SchemaOrganization(
      name: 'Oddbit',
      url: 'https://oddbit.id',
      logo: 'https://avatars.githubusercontent.com/u/1946799?s=200&v=4',
    ));
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Schema.org Example App',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSwatch(
          primarySwatch: Colors.green,
          accentColor: Colors.green.shade700,
          brightness: Brightness.dark,
        ),
      ),
      home: Scaffold(
        body: Center(
          child: IntrinsicWidth(
            child: Card(
              child: Padding(
                padding: const EdgeInsets.all(16.0),
                child: Row(
                  children: [
                    const CircleAvatar(
                      backgroundImage: NetworkImage(
                          'https://avatars.githubusercontent.com/u/1946799?s=200&v=4'),
                      radius: 30,
                    ),
                    const SizedBox(width: 16),
                    Text(
                      'Oddbit',
                      style: Theme.of(context).textTheme.titleLarge?.copyWith(
                            color: Colors.green,
                          ),
                    ),
                  ],
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}