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

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

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

class AppendWidgetList extends StatelessWidget {
&nbsp;@override
&nbsp;Widget build(BuildContext context) {
&nbsp;&nbsp;return Center(
&nbsp;&nbsp;&nbsp;&nbsp;child: Row(
&nbsp;&nbsp;&nbsp;mainAxisAlignment: MainAxisAlignment.spaceAround,
&nbsp;&nbsp;&nbsp;children: [
&nbsp;&nbsp;&nbsp;&nbsp;Text("Platform is"),
&nbsp;&nbsp;&nbsp;&nbsp;if (Platform.isIOS) ...{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Text("iOS"),
&nbsp;&nbsp;&nbsp;&nbsp;} else if (Platform.isAndroid) ...{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Text("Android"),
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;],
&nbsp;&nbsp;));
&nbsp;}
}</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 'package:flutter/material.dart';
import 'package:flutter_markdown/flutter_markdown.dart';

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

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

final String markdownText = '''
# 見出し1
hoge

## 見出し2
fuga

### 見出し3
piyo 
'''</code></pre>

PrismCube

Dart

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

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