Aleteo- Posicionado

El widget Posicionado se usa para colocar los widgets secundarios de la Pila.

• Pila de aleteo

Positioned solo está disponible como hijo directo (o descendiente) de Stack. En la ruta Posicionada a la pila, solo contiene widgets StatelessWidget o StatefulWidget, no se permiten otros widgets (como RenderObjectWidget).

El constructor de Positioned es el siguiente: 

const Positioned(
    {Key key,
    double left,
    double top,
    double right,
    double bottom,
    double width,
    double height,
    @required Widget child}
)

Dardo

Código de muestra:

SizedBox (
    width: double.infinity,
    height: double.infinity,
    child: Stack(
      alignment: Alignment.centerLeft,
      children: <Widget>[
        Positioned (
           left: 100,
          top: 70,
          child: Container(
            width: 200,
            height: 100,
            color: Colors.green,
          ),
        )
      ],
    )
)

Dardo

Positioned y sus hijos son siempre del mismo tamaño. Ejecute el código de muestra anterior para obtener los siguientes resultados:

Aquí hay otro ejemplo: posicionado con una parte superior e inferior no nula, obliga a que la altura del widget secundario cambie para ajustarse a esa restricción.

Código de muestra:

SizedBox (
    width: double.infinity,
    height: double.infinity,
    child: Stack(
      alignment: Alignment.centerLeft,
      children: <Widget>[
        Positioned (
          top: 100,
          bottom: 70,
          child: Container (
            width: 200,
            height: 30, // !!
            color: Colors.green,
          ),
        )
      ],
    )
)

Dardo

Ejecute el código de muestra anterior para obtener los siguientes resultados:

Si los parámetros izquierdo, derecho y ancho son todos nulos,  Stack.alignment la propiedad se usará para colocar el widget secundario horizontalmente. Del mismo modo, si los tres parámetros top, bottom y height son nulos, la  Stack.alignment propiedad se usará para colocar el widget secundario verticalmente.

2. Constructor direccional posicionado

Positioned.directionalEl constructor se utiliza para crear una orientación basada en texto  Positioned.

Constructor direccional posicionado

Positioned.directional(
  {Key key,
  @required TextDirection textDirection,
  double start,
  double top,
  double end,
  double bottom,
  double width,
  double height,
  @required Widget child}
)

Dardo

El parámetro textDirection es obligatorio y no nulo. Acepta el valor TextDirection.ltr (de izquierda a derecha) o TextDirection.rtl (de derecha a izquierda).
Si textDirection es TextDirection.ltr, los parámetros (inicio, final) corresponderán a (izquierda, derecha). En caso contrario (inicio, fin) corresponderá a (derecha, izquierda).

3. Constructor de relleno posicionado

Positioned.fill es un constructor cuyos parámetros: izquierda, derecha, arriba y abajo tienen valores por defecto de 0.

Constructor de relleno posicionado

const Positioned.fill(
  {Key key,
  double left: 0.0,
  double top: 0.0,
  double right: 0.0,
  double bottom: 0.0,
  @required Widget child}
)

Dardo

4. Constructor Positioned.fromRect

Positioned.fromRect crea un objeto Positioned con los valores dados del objeto Rect.

Constructor Positioned.fromRect − 

Positioned.fromRect(
  {Key key,
  Rect rect,
  @required Widget child}
)

Dardo

5. Constructor Positioned.fromRelativeRect

El código del constructor Positioned.fromRelativeRect es el siguiente: 

Positioned.fromRelativeRect(
  {Key key,
  RelativeRect rect,
  @required Widget child}
)

//Más por favor lea: https://www.yiibai.com/flutter/flutter-positioned.html