From 91c2b172ad9da94cac45ea5a4482e9e2ca6d24b9 Mon Sep 17 00:00:00 2001 From: Chen Peng Date: Fri, 14 Jun 2024 10:36:36 +0800 Subject: [PATCH] [flutter_web] TextField --- notes/flutter_web/lib/assets.g.dart | 2 + .../notes/cheatsheets/widgets/page.dart | 68 ++----------------- 2 files changed, 7 insertions(+), 63 deletions(-) diff --git a/notes/flutter_web/lib/assets.g.dart b/notes/flutter_web/lib/assets.g.dart index 3fc52139..669f49ac 100644 --- a/notes/flutter_web/lib/assets.g.dart +++ b/notes/flutter_web/lib/assets.g.dart @@ -112,8 +112,10 @@ mixin AssetsMixin { final Asset lib_routes_notes_cheatsheets_widgets__examples_Form_Checkbox_dart = Asset('lib/routes/notes/cheatsheets/widgets/_examples/Form_Checkbox.dart'); final Asset lib_routes_notes_cheatsheets_widgets__examples_Form_showDateRangePicker_dart = Asset('lib/routes/notes/cheatsheets/widgets/_examples/Form_showDateRangePicker.dart'); final Asset lib_routes_notes_cheatsheets_widgets__examples_Form_CalendarDatePicker_dart = Asset('lib/routes/notes/cheatsheets/widgets/_examples/Form_CalendarDatePicker.dart'); + final Asset lib_routes_notes_cheatsheets_widgets__examples_Form_TextField_dart = Asset('lib/routes/notes/cheatsheets/widgets/_examples/Form_TextField.dart'); final Asset lib_routes_notes_cheatsheets_widgets__examples_Form_showDatePicker_dart = Asset('lib/routes/notes/cheatsheets/widgets/_examples/Form_showDatePicker.dart'); final Asset lib_routes_notes_cheatsheets_widgets__examples_Navigation_SliverAppBar_dart = Asset('lib/routes/notes/cheatsheets/widgets/_examples/Navigation_SliverAppBar.dart'); + final Asset lib_routes_notes_cheatsheets_widgets__examples_Form_Switch_dart = Asset('lib/routes/notes/cheatsheets/widgets/_examples/Form_Switch.dart'); final Asset lib_routes_notes_cheatsheets_widgets__examples_LayoutCore_ContainerCell_dart = Asset('lib/routes/notes/cheatsheets/widgets/_examples/LayoutCore_ContainerCell.dart'); final Asset lib_routes_notes_cheatsheets_widgets__examples_Navigation_AppBar_dart = Asset('lib/routes/notes/cheatsheets/widgets/_examples/Navigation_AppBar.dart'); final Asset lib_routes_notes_cheatsheets_widgets__examples_Form_showTimePicker_dart = Asset('lib/routes/notes/cheatsheets/widgets/_examples/Form_showTimePicker.dart'); diff --git a/notes/flutter_web/lib/routes/notes/cheatsheets/widgets/page.dart b/notes/flutter_web/lib/routes/notes/cheatsheets/widgets/page.dart index 62e7cd05..b2720648 100644 --- a/notes/flutter_web/lib/routes/notes/cheatsheets/widgets/page.dart +++ b/notes/flutter_web/lib/routes/notes/cheatsheets/widgets/page.dart @@ -17,6 +17,8 @@ import 'package:flutter_web/routes/notes/cheatsheets/widgets/_examples/Form_Sear import 'package:flutter_web/routes/notes/cheatsheets/widgets/_examples/Form_SegmentButton.dart'; import 'package:flutter_web/routes/notes/cheatsheets/widgets/_examples/Form_Radio.dart'; import 'package:flutter_web/routes/notes/cheatsheets/widgets/_examples/Form_Slider.dart'; +import 'package:flutter_web/routes/notes/cheatsheets/widgets/_examples/Form_Switch.dart'; +import 'package:flutter_web/routes/notes/cheatsheets/widgets/_examples/Form_TextField.dart'; import 'package:flutter_web/routes/notes/cheatsheets/widgets/_examples/Form_showDatePicker.dart'; import 'package:flutter_web/routes/notes/cheatsheets/widgets/_examples/Form_showDateRangePicker.dart'; import 'package:flutter_web/routes/notes/cheatsheets/widgets/_examples/Form_showTimePicker.dart'; @@ -38,7 +40,6 @@ import 'package:you_flutter/state.dart'; @NoteAnnotation(label: "Widgets", publish: true) void build(BuildContext context, Cell print) { - ButtonAndInput buttonAndInput = ButtonAndInput(); TextAndInfoAndTip textAndInfoAndTip = TextAndInfoAndTip(); AdvancedTemplateContainer advancedTemplateContainer = AdvancedTemplateContainer(); Decorator decorator = Decorator(); @@ -81,10 +82,10 @@ void build(BuildContext context, Cell print) { FlutterExample(title: "CalendarDatePicker", source: assets.lib_routes_notes_cheatsheets_widgets__examples_Form_CalendarDatePicker_dart, child: Form_CalendarDatePicker()), FlutterExample(title: "showTimePicker", source: assets.lib_routes_notes_cheatsheets_widgets__examples_Form_showTimePicker_dart, child: Form_showTimePicker()), FlutterExample(title: "Radio", source: assets.lib_routes_notes_cheatsheets_widgets__examples_Form_Radio_dart, child: Form_Radio()), - FlutterExample(title: "DropdownMenu", source: assets.lib_routes_notes_cheatsheets_widgets__examples_Form_DropdownMenu_dart, child: Form_DropdownMenu()), + FlutterExample(title: "DropdownMenu", source: assets.lib_routes_notes_cheatsheets_widgets__examples_Form_DropdownMenu_dart, child: const Form_DropdownMenu()), FlutterExample(title: "Slider", source: assets.lib_routes_notes_cheatsheets_widgets__examples_Form_Slider_dart, child: Form_Slider()), - FlutterExample(title: "Switch", child: buttonAndInput.switchs()), - FlutterExample(title: "TextField", child: buttonAndInput.textField()), + FlutterExample(title: "Switch", source: assets.lib_routes_notes_cheatsheets_widgets__examples_Form_Switch_dart, child: Form_Switch()), + FlutterExample(title: "TextField", source: assets.lib_routes_notes_cheatsheets_widgets__examples_Form_TextField_dart, child: Form_TextField()), ]), Level1MasonryLayout(title: "text&info&tip", cellWidth: 300, children: [ FlutterExample(title: "Badge", child: textAndInfoAndTip.badgesCell()), @@ -106,65 +107,6 @@ void build(BuildContext context, Cell print) { print(all); } -class ButtonAndInput { - - - Widget switchs() { - final Value switch1 = false.signal(); - final Value switchListTile1 = false.signal(); - return Watch( - builder: (context) { - return Column( - crossAxisAlignment: CrossAxisAlignment.center, - children: [ - const Text("Switch"), - Switch(value: switch1.value, onChanged: (value) => switch1.value = value), - Switch(value: switch1.value, onChanged: null), - const Divider(), - const Text("SwitchListTile"), - SwitchListTile(title: const Text("enable"), value: switchListTile1.value, onChanged: (value) => switchListTile1.value = value), - SwitchListTile(title: const Text("disable"), value: switchListTile1.value, onChanged: null), - ], - ); - }, - ); - } - - Widget textField() { - return Watch( - builder: (context) { - return const Column( - crossAxisAlignment: CrossAxisAlignment.center, - children: [ - TextField( - obscureText: true, - decoration: InputDecoration(border: OutlineInputBorder(), labelText: 'Password'), - ), - SizedBox(height: 10), - TextField( - maxLength: 10, - maxLengthEnforcement: MaxLengthEnforcement.none, - decoration: InputDecoration( - border: OutlineInputBorder(), - labelText: '手机号/Phone', - errorText: '手机号不能为空/phone should not empty', - ), - ), - SizedBox(height: 10), - TextField( - decoration: InputDecoration( - border: OutlineInputBorder(), - labelText: 'disable ', - enabled: false, - ), - ), - ], - ); - }, - ); - } -} - class TextAndInfoAndTip { Widget circleAvatar() { return const Row(children: [