メインコンテンツまでスキップ

ウィジェット挿入

マークダウンの中に 独自のFlutterウィジェットを挿入できます


記法

.mdファイル内で {{ウィジェット名}} を使います。

# テスト

これはウィジェット挿入のサンプルページです。

{{MyWidget}}

以上でこのページを終了します。

Flutter側の編集

FLUTTER/lib/widgets.dart を以下のように編集します


final CometInlineWidgets inlineWidgets = {
...
'MyWidget': (_) => MyWidget(), // この行を追加
...
};


制約

1行に必要な要素を丸ごとウィジェット化する必要があります


マークダウン要素と独自ウィジェットを1行に混在させることはできません。

Bad

このように {{MyWidget}} を記入することはできません。


1行に複数の独自ウィジェットを表示することはできません。代わりにRowウィジェットを表示してください。

Bad

{{MyWidget}} {{MyWidget}}


独自ウィジェットの前後にスペースを含まないでください。また、ウィジェット名の両端のスペースに注意してください。

Bad

左にスペースを開けないでください
{{MyWidget}}

{{MyWidget}}

{{ MyWidget }}
は異なるウィジェット名として認識されます