Руководство Flutter RotatedBox

View more Tutorials:

Pуководства Flutter

RotatedBox
quarterTurns
child

Следуйте за нами на нашей фан-странице, чтобы получать уведомления каждый раз, когда появляются новые статьи.

Facebook

1- RotatedBox

RotatedBox - это widget, который вращает свой дочерний элемент на четверть окружности. Каждая четверть окружности - это угол 90 градусов или -90 градусов.

RotatedBox Constructor:

https://api.flutter.dev/flutter/widgets/RotatedBox/RotatedBox.html

RotatedBox Constructor


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

Ниже приведен пример использования RotatedBox для вращения объекта Text на 90 градусов по часовой стрелке (quarterTurns = 1).

main.dart (ex1)


import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'o7planning.org',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  MyHomePage({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold (
        appBar: AppBar(
          title: Text("Flutter RotatedBox Example"),
        ),
        body: Center (
            child: RotatedBox (
                quarterTurns: 1,
                child: Text(
                    "Flutter RotatedBox Tutorial",
                    style: TextStyle(fontSize: 25)
                )
            )
        )
    );
  }
}

И пример вращения объекта Text на 90 градусов против часовой стрелки (quarterTurns = -1).

(ex2)


RotatedBox (
    quarterTurns: -1,
    child: Text(
        "Flutter RotatedBox Tutorial",
        style: TextStyle(fontSize: 25)
    )
)

LinearProgressIndicator - это горизонтальный индикатор выполнения,который вы можете использовать RotatedBox для вращения на 90 градусов, чтобы получить вертикальный индикатор выполнения.

(ex3)


RotatedBox(
    quarterTurns: -1,
    child: SizedBox(
        width: 250,
        height: 25,
        child : LinearProgressIndicator(
          backgroundColor: Colors.cyan[100],
          valueColor: new AlwaysStoppedAnimation<Color>(Colors.green),
        )
    )
)

TODO Link?

2- quarterTurns

quarterTurns - это количество вращений дочернего widget на 90 градусов по часовой стрелке. Значение quarterTurns может быть отрицательным целым числом.


@required int quarterTurns

3- child


Widget child

View more Tutorials:

Pуководства Flutter