Tinyrack

Code

本文内で改行を保ち、長いトークンを折り返す Flutter のインラインコードチップです。

改行を保ち、長いトークンを折り返す Flutter のインラインコードチップを表示します。

主なプロパティ

TRCode は、短いインラインの機械可読テキストを表示します。 文字列を受け取り、周囲のフォントサイズを継承して明示的な改行を保ちます。 独立したコード例には TRCodeBlock を使用してください。

インストール

パッケージを追加し、公開ライブラリをインポートしてください。

flutter pub add tinyrack_ui
import 'package:tinyrack_ui/tinyrack_ui.dart';

プレイグラウンド

使用方法

import 'package:material_ui/material_ui.dart';
import 'package:tinyrack_ui/tinyrack_ui.dart';

const TRCode('pnpm verify')

例

コンテンツの文脈 パーマリンク

インラインコードは、本文、設定値、長いトークン、複数行の内容でも一貫した外観を保ちます。

API

TRCode は const TRCode(String data, {Key? key}) コンストラクターを提供します。必須の data 文字列は Flutter の data 文字列は Flutter の Text で表示されるため、明示的な改行を保ち、親が幅を制限すると長いトークンを 折り返します。任意の key の既定値は null です。

背景には TinyrackThemeData.surfaceMuted、境界線には TinyrackThemeData.border、前景には TinyrackThemeData.text を使用します。同梱の IBM Plex Mono 書体を適用して周囲のフォントサイズを継承し、共通のインラインコード用 行間、小さい角丸、extra-small の余白トークンを使用します。