Flattern position fixiert äquivalent

Ist es möglich, ein Objekt zu fixieren, in dem Bildschirm, der bleibt fest, unabhängig von scrollen?

Etwas ähnliches wie CSS position fixed.

InformationsquelleAutor Axel Márquez | 2018-03-30
  1. 14

    Können Sie absolut position ein Kind von einem Stack widget mit den Positioniert widget.

    Dem minimal-Beispiel unten stellen Sie den roten Rahmen über der Liste anzeigen, indem Sie das Kind in eine Position gebracht widget nach das ListView in dem Stapel Kinder.

    List<String> todos = [...];
return new Stack(
  children: <Widget>[
    new ListView(
     children: todos
       .map((todo) => new ListTile(title: new Text(todo)))
       .toList(),
     ),
     new Positioned(
       left: 30.0,
       top: 30.0,
       child: new Container(
         width: 100.0,
         height: 80.0,
         decoration: new BoxDecoration(color: Colors.red),
         child: new Text('hello'),
        )
      ),
   ],
);

    Und hier ist es innerhalb eines Scaffold Körper. Wenn Sie mehr Elemente, die Sie werden feststellen, dass die Liste scrollt, ohne den roten Kasten.

    Flattern position fixiert äquivalent

    InformationsquelleAutor Jonah Williams
  2. 1

    Könnten Sie Positioniert widget in einem Stack Widget mit AspectRatio widget und das % Ferne wie der code unten.

    @override
Widget build(BuildContext context) {
Size size = MediaQuery.of(context).size; //get the screen size

List<String> todos = [...];

//the below if to get the aspect ratio of the screen i am using the app only in landscape
//if you need to use it in portrait you should add the sizes below
if((size.width / size.height) > 1.76){
  aspect = 16 / 9;
}else if((size.width / size.height) < 1.77 && (size.width / size.height) >= 1.6){
  aspect = 16 / 10;
}else{
  aspect = 4 /3;
}

return new Scaffold(
  body: new Center(
      //layoutBuilder i can use the constraints to get the width and height of the screen
      child: new LayoutBuilder(builder: (context, constraints) {
        return new AspectRatio(
          aspectRatio: aspect,
          child: new Column(
            children: <Widget>[
               new ListView(
                    children: todos
                    .map((todo) => new ListTile(title: new Text(todo)))
                    .toList(),
               ),
               new Positioned(
                    //constraints.biggest.height to get the height 
                    //* .05 to put the position top: 5%
                    top: constraints.biggest.height * .05,
                    left: constraints.biggest.width * .30,
                    child: new Container(
                              width: 100.0,
                              height: 80.0,
                              decoration: new BoxDecoration(color: Colors.red),
                              child: new Text('hello'),
                          ),
                    ),
            ],
          ),
        ),
      }),
    ),
  );
}
}

    Hoffe, es wird dir helfen....

    InformationsquelleAutor JLouage
Schreibe einen Kommentar