DevGang
Авторизоваться

Краткое руководство по разработке кнопки переключения в Flutter.

Переключатель Flutter используется для переключения между настройками вкл / выкл, соответственно true / false.

Когда переключатель включен, значение, возвращаемое свойством Switch onChanged, имеет значение true, а переключатель выключен, свойство onChanged возвращает значение false.

В следующем примере приложения Flutter мы определили виджет Switch. Всякий раз, когда Switch переключается, onChanged вызывается с новым состоянием Switch в качестве значения.

Мы определили логическую переменную isSwitched для хранения состояния Switch.

Создайте базовое приложение Flutter и замените main.dart следующим кодом.

main.dart

Полный исходный код ...

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Home(),
    );
  }
}

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State {
  bool isSwitched = false;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.green,
        title: Text("Flutter Switch Example"),
      ),
      body: Center(
        child: Switch(
          value: isSwitched,
          onChanged: (value){
            setState(() {
              isSwitched=value;
              print(isSwitched);
            });
          },
          activeTrackColor: Colors.lightGreenAccent,
          activeColor: Colors.green,
        ),
      ),
    );
  }
}

Источник:

#Flutter
Комментарии
Чтобы оставить комментарий, необходимо авторизоваться

Присоединяйся в тусовку

Поделитесь своим опытом, расскажите о новом инструменте, библиотеке или фреймворке. Для этого не обязательно становится постоянным автором.

Попробовать

Оплатив хостинг 25$ в подарок вы получите 100$ на счет

Получить