HIDI Flutter Challenge (9) Container Widget

3105 ワード

flutter challenge テキストリンク

Container Widget
> Container Widget

空ケース部材

BUT SizedBoxとの違いは、内部に装飾属性があり、箱を装飾することができることです.cf)SizedBoxは通常、利益の面で

を使用する.

子のないContenerはできるだけ箱を大きくしたい

ただし、子のある容器は、子の大きさに応じて

を調整する.
>> Implementation


  Container({
    Key? key,
    this.alignment,
    this.padding,
    this.color,
    this.decoration,
    this.foregroundDecoration,
    double? width,
    double? height,
    BoxConstraints? constraints,
    this.margin,
    this.transform,
    this.transformAlignment,
    this.child,
    this.clipBehavior = Clip.none,
}) : assert(margin == null || margin.isNonNegative),
     assert(padding == null || padding.isNonNegative),
     assert(decoration == null || decoration.debugAssertIsValid()),
     assert(constraints == null || constraints.debugAssertIsValid()),
     assert(clipBehavior != null),
     assert(decoration != null || clipBehavior == Clip.none),
     assert(color == null || decoration == null,
       'Cannot provide both a color and a decoration\n'
       'To provide both, use "decoration: BoxDecoration(color: color)".',
     ),
     constraints =
      (width != null || height != null)
        ? constraints?.tighten(width: width, height: height)
          ?? BoxConstraints.tightFor(width: width, height: height)
        : constraints,
     super(key: key);

>>Contenterの主なプロパティ

padding:childはpadding内にあります=>final EdgeInsetsGeometry?padding;

color:child背景色、グラデーション画像などを装飾に使う=>final Color?color;

装飾:childを飾る属性=>final BoxDecoration?decoratino;(主に使用)

width,height:コンテナ横寸法

制約:子に適用する他の制約=>final BoxConstraints?constraints;

生成者幅や高さ係数など

ダウンジャケット拘束内

child:=>final Widget?child;

整列:整列サブ領域=>final AlignmentGeometry?alignment;

> BoxDecoration

ボックスを描画する方法

を提供する.
>> Implementation


  const BoxDecoration({
    this.color,
    this.image,
    this.border,
    this.borderRadius,
    this.boxShadow,
    this.gradient,
    this.backgroundBlendMode,
    this.shape = BoxShape.rectangle,
}) : assert(shape != null),
     assert(
       backgroundBlendMode == null || color != null || gradient != null,
       "backgroundBlendMode applies to BoxDecoration's background color or "
       'gradient, but no color or gradient was provided.',
     );

>>BoxDecorationプライマリ属性

color:ボックスの背景を塗りつぶす色=>final color?color;
1.

を枠状に塗りつぶす.

画像:背景色またはグラデーションに描画する画像=>final DeporationImage?image;

border:枠線を描くプロパティ=>final BoxBorder?border;

形状、borderRadius属性、

borderRadius:枠線に複数の円がある属性を決定します=>final BorderRadiusGeometry?borderRadius;

形状または枠を切り取らないコンテンツのchild(

)

形状:箱の形状を決定する部品(円形、Recktangle)=>final Box Shape形状;

形状または枠を切り取らないコンテンツのchild(

)

Reference

この問題について(HIDI Flutter Challenge (9) Container Widget), 我々は、より多くの情報をここで見つけました https://velog.io/@hello_hidi/HIDI-Flutter-Challenge-9-Container-Widget

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

11-3. 反転文字列

PL/SQL