質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

解決済

DartPadでContainerのプロパティcolorがbgに変更されてエラーとなる

mako_0221
mako_0221

総合スコア38

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

1回答

0評価

0クリップ

60閲覧

投稿2022/05/23 06:58

過去の質問の文脈に関連する質問であるのですが、複数の質問については投稿を分けてくださいという指摘を受けたことがあるため重ねてで申し訳ございませんが、ご質問させてください。

//here1の結果について、DartPadにおいて
[Container(color: Color(0xfff44336)), Container(color: Color(0xff2196f3))]
という結果を期待していて、下記のコードを作成しているのですが、実際には、
[Container(bg: Color(0xfff44336)), Container(bg: Color(0xff2196f3))]
という ドキュメントにもないプロパティに勝手に変更されていることがわかりました。

Dart

import 'package:flutter/material.dart'; import 'dart:math'; void main() => runApp(TopPage()); class TopPage extends StatelessWidget { final List<Widget>? _tiles =[ Container( color:UniqueColorGenerator.getColor(), child: Padding(padding: EdgeInsets.all(100.0)) ), Container( color:UniqueColorGenerator.getColor(), child: Padding(padding: EdgeInsets.all(100.0)) ), ]; Widget build(BuildContext context) { print( _tiles); //here1 return MaterialApp( home:Scaffold( appBar:AppBar( title:Text("TESTING"), ), body:Row( children: <Widget>[Container(color: Color(0xff2196f3),width: 48.0,height: 48.0,), Container(color: Color(0xfff44336),width: 48.0,height: 48.0,)], //here2 ), ) ); } } class UniqueColorGenerator { static List _colorOptions = [ const Color(0xff2196f3), const Color(0xfff44336), ]; static Random _random = Random(); static Color getColor() { final selectedColor = _colorOptions.removeAt(_random.nextInt(_colorOptions.length)); print(selectedColor); return selectedColor; } }

その結果、//here2について以下のようにしたいのですが、

Dart

body:Row( children: _tiles, ),

下記のようにエラーが出て型が合わないと言われます。
The argument type 'List<Widget>?' can't be assigned to the parameter type 'List<Widget>'. ),

もちろん、上記のコードのように、

Dart

body:Row( children: <Widget>[Container(color: Color(0xff2196f3),width: 48.0,height: 48.0,), Container(color: Color(0xfff44336),width: 48.0,height: 48.0,)], //here2 ),

とすれば、何も問題なく実行されるのですが、何故ってに公式にはないbdプロパティに変わってしまい、動作できないのでしょうか?ご存知の方が入ればご教示願えれば幸いです。
よろしくお願い申し上げます。

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。