Widget RotatedBox en Flutter

El widget RotatedBox se usa para rotar a su elemento secundario en un número entero de cuartos de vuelta. Se utiliza para orientar sus widgets secundarios en orientación horizontal o vertical. Además, es muy liviano y se puede usar para diseñar varias IU, ya que brinda flexibilidad al usuario sobre el diseño de la aplicación.

Constructores:

Syntax: RotatedBox({Key key, @required int quarterTurns, Widget child})

Propiedades:

  • child: El widget debajo de este widget en el árbol.
  • hashCode: El código hash para este objeto.
  • clave: Controla cómo un widget reemplaza a otro widget en el árbol.
  • runtimeType: una representación del tipo de tiempo de ejecución del objeto.
  • quarterTurn: Esta propiedad toma un valor int como objeto. Controla el número de cuartos de vuelta que se debe girar el objeto.

Métodos:

  • createRenderObject (contexto BuildContext) : este método toma la clase RenderRotatedBox (anulación) como objeto. Crea una instancia de la clase RenderObject .
  • updateRenderObject (contexto BuildContext, covariante RenderRotatedBox renderObject): este método toma void como el objeto. Esto asigna la configuración establecida por RenderObjectWidget a RenderObject .

Ejemplo:

Dart

import 'package:flutter/material.dart';
 
void main() {
runApp(MyApp());
}
// Class 1
// Extending StatelessWidget class
class MyApp extends StatelessWidget {
// This widget is
//the root of your application.
@override
Widget build(BuildContext context) {
    return MaterialApp(
    title: 'ClipOval',
    theme: ThemeData(
        primarySwatch: Colors.blue,
    ),
    home: MyHomePAGE(),
    debugShowCheckedModeBanner: false,
    );
}
}
 
// Class 2
// Extending StatelessWidget class
class MyHomePAGE extends StatelessWidget {
@override
Widget build(BuildContext context) {
    return Scaffold(
    appBar: AppBar(
        title: Text('GeeksforGeeks'),
        backgroundColor: Colors.green,
    ),
    body: Center(
        child: RotatedBox(
            quarterTurns: 3,
            child: const Text('Hello Geeks!'),
        )
    ),
    backgroundColor: Colors.lightBlue[50],
    );
}
}

Producción:

Explicación de salida:

  1. Primero, inicialice la aplicación principal como un widget sin estado.
  2. En segundo lugar, diseñe el widget principal como desee.
  3. Cree la barra de aplicaciones con el widget de andamio.
  4. Ahora use el widget RoatedBox dentro del cuerpo del widget scaffold y colóquelo dentro de un widget central.

Publicación traducida automáticamente

Artículo escrito por ddeevviissaavviittaa y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *