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 Text로 표시되므로 명시적인 줄바꿈을 보존하고, 부모가 너비를 제한하면 긴 토큰을 줄바꿈해요. 선택 사항인 key의 기본값은 null이에요.

배경에는 TinyrackThemeData.surfaceMuted, 테두리에는 TinyrackThemeData.border, 전경에는 TinyrackThemeData.text를 사용해요. 번들에 포함된 IBM Plex Mono 서체를 적용하고 주변 글꼴 크기를 상속하며, 공통 인라인 코드 행간과 작은 반경, extra-small 간격 토큰을 사용해요.