Layout im Vue.js-Stil Allgemeine Fähigkeiten zur Flutter-Geschäftsentwicklung

Breite: 75px;
Höhe: 75px;
Hintergrundfarbe: rgba(255, 255, 255, 1);
Rahmenradius: 4px;
Kastenschatten: 0px 0,5px 5px 0px rgba (0, 0, 0, 0,08);

Container(
      Einschränkungen: BoxConstraints.tightFor(Breite: 75, Höhe: 75),
      Rand: EdgeInsets.only (links: 0,5, rechts: 0,5, oben: 0,5, unten: 3),
          //Schattenlayout-Dekoration: BoxDecoration(
        Farbe: WBColors.white,
        borderRadius: BorderRadius.circular(8),
        boxShadow: [
          BoxShadow
            Farbe: Farbe.vonRGBO(0, 0, 0, 0,08),
            Offset: Offset(0, 0,5),
            Unschärferadius: 5,
            Ausbreitungsradius: 0
          )
        ]
      ),
      Ausrichtung: Ausrichtung.zentriert,
      Kind: ...,
    )

Breite: 335px;
Höhe: 138px;
Rand: 0,5px durchgezogen rgba(230, 230, 230, 1);
Rahmenradius: 10px;

Textfeld(
  Tastaturtyp: TextEingabetyp.mehrzeilig,
  Controller: Textbereichscontroller,
  maxZeilen: 7,
  maxLength: 200,
  Dekoration: InputDecoration(
      // Platzhalter in H5 hintText: „Klicken Sie, um den Namen des Kunden einzugeben …“,
      //Abstand des inneren Textrands contentPadding: 14.0,
      //Nicht ausgewählte Farbe enabledBorder: OutlineInputBorder( 
        borderRadius: BorderRadius.circular(5.0),
        Rahmenseite: Rahmenseite (Farbe: Farbe (0xFFEAEAEA), Breite: 0,5),
      ),
      //Äußere Rahmenfarbe bei Auswahl von focusedBorder: OutlineInputBorder( 
        borderRadius: BorderRadius.circular(5.0),
        Rahmenseite: Rahmenseite (Farbe: Farbe (0xFFEAEAEA), Breite: 0,5),
      ),
      Hinweisstil: Textstil(
        Schriftgröße: 14,
        Schriftfamilie: „PingFangSC-Medium“,
        Farbe: Farbe (0xFFCCCCCC),
      ),
      ZählerText: '',
  ),
  beiÄnderung: (Ereignis) {
    ///Auf das Eingabefeld hören und den Wert des Eingabefelds zurückgeben model.callback(event);
  } ,
)

Breite: 335px;
Höhe: 46px;
Hintergrund: linearer Farbverlauf (98 Grad, RGBA (242, 82, 40, 1) 0 %, RGBA (242, 82, 40, 1) 14,000000000000002 %, RGBA (252, 175, 60, 1) 94 %, RGBA (252, 175, 60, 1) 100 %);
Rahmenradius: 23px;

Container(
  Höhe: 46,
  Breite: UIScreen.screenWidth()-30,
  Dekoration: BoxDecoration(
    Farbverlauf: Linearer Farbverlauf (Farben: [
      Farbe (0xFFF25228),
      Farbe (0xFFFCAF3C),
    ], beginne: FractionalOffset(0, 1), ende: FractionalOffset(1, 0)),
    borderRadius: BorderRadius.circular(23),
  ),
  Kind: FlatButton(
      beim Drücken: (){
        ///Klicken Sie auf die Schaltfläche, um das Popup-Fenster zu schließen callback();
      },
      Kind: Text(
        „Ich habe den Zustand des Autos bestätigt und werde es umgehend abholen“,
        Stil: Textstil(
            Farbe: Farbe (0xFFFFFFFF),
            Schriftfamilie: 'PingFangSC-Semibold',
            Schriftgröße: 15,
            Schriftgewicht: FontWeight.w700
        ),
      )
  ),
)

importiere „Paket: Flutter/Material.dart“;
///Passen Sie ein NoShadowScrollBehavior an, um den Wasserwelleneffekt der Android-Klasse NoShadowScrollBehavior extends ScrollBehavior { zu entfernen.
  @überschreiben
  Widget buildViewportChrome(BuildContext Kontext, Widget untergeordnetes Element, AxisDirection axisDirection) {
    Schalter (getPlatform(Kontext)) {
      Fall TargetPlatform.iOS:
      Fall TargetPlatform.macOS:
        Kind zurückgeben;
      Fall TargetPlatform.android:
      Fall TargetPlatform.fuchsia:
      Fall TargetPlatform.linux:
      Fall TargetPlatform.windows:
        returniere GlowingOverscrollIndicator(
          Kind: Kind,
          //Keine Wellen am Wasser anzeigen showLeading: false,
          //Die nachlaufenden Wasserwellen nicht anzeigen showTrailing: false,
          Achsenrichtung: Achsenrichtung,
          Farbe: Theme.of(Kontext).AkzentFarbe,
        );
    }
    gibt null zurück;
  }
}
//ScrollConfiguration aufrufen(
    Verhalten: NoShadowScrollBehavior(),
    Kind: SingleChildScrollView(
      // Physik: NeverScrollableScrollPhysics(),
      Kind: Spalte(
        Kinder: <Widget>[
          buildButtonRadio(Kontext),
          BuildCondition(Kontext),
          SizedBox (Höhe: 100,)
        ],
      ),
    )
);