特定の条件下でのみWidgetを表示させたり、条件によってWidgetを出しわけたいことがあると思います。 そのような時は「...」ドット(ピリオド)3つを使用して、Widgetの配列にWidgetを動的に追加して対応することができます。 <h3 id="h42b5c846a9">コード例</h3><pre><code>import &#x27;package:flutter&#x2F;material.dart&#x27;;
import &#x27;dart:io&#x27;;

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

class MyApp extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
  return MaterialApp(
   home: Scaffold(
    appBar: AppBar(title: Text(&quot;Flutter&quot;)),
    body: AppendWidgetList(),
   ),
  );
 }
}

class AppendWidgetList extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
  return Center(
    child: Row(
   mainAxisAlignment: MainAxisAlignment.spaceAround,
   children: [
    Text(&quot;Platform is&quot;),
    if (Platform.isIOS) ...{
     Text(&quot;iOS&quot;),
    } else if (Platform.isAndroid) ...{
     Text(&quot;Android&quot;),
    }
   ],
  ));
 }
}</code></pre> 例として、プラットフォームによってテキストを出し分けてみました。 iOS端末で見た場合は「iOS」が、Android端末で見た場合は「Android」が表示されます。

【Flutter】「...」を使用してWidgetListにWidgetを動的に追加する

FlutterでMarkdownのテキストを表示する為には、<a href="https://pub.dev/packages/flutter_markdown" target="_blank" rel="noopener noreferrer">flutter_markdown</a>を利用します。 pubspec.yaml<pre><code>dependencies:
 flutter_markdown: ^0.6.2</code></pre> main.dart<pre><code>import &#x27;package:flutter&#x2F;material.dart&#x27;;
import &#x27;package:flutter_markdown&#x2F;flutter_markdown.dart&#x27;;

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text(&quot;MarkdownDemo&quot;)),
        body: Markdown(data: markdownText),
      ),
    );
  }
}

final String markdownText = &#x27;&#x27;&#x27;
# 見出し1
hoge

## 見出し2
fuga

### 見出し3
piyo 
&#x27;&#x27;&#x27;</code></pre>

PrismCube

Dart

【Flutter】「...」を使用してWidgetListにWidgetを動的に追加する

FlutterでMarkdownのテキストを表示する