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:
- Primero, inicialice la aplicación principal como un widget sin estado.
- En segundo lugar, diseñe el widget principal como desee.
- Cree la barra de aplicaciones con el widget de andamio.
- 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