В Dart дату к любому строчному формату можно привести при помощи функции DateFormat. Например как-то так:
|
1 2 3 4 5 |
import 'package:intl/intl.dart'; DateTime now =DateTime.now(); DateFormat formatter = DateFormat('dd.MM.yyyy'); final String formatted = formatter.format(now); |
Задача: преобразовать и отобразить секунды в строку часы-минуты-секунды
Решение:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
String TimeLeft(diff){ var timestamp = diff.floor(); var hours = (timestamp / 60 / 60).floor(); var minutes = ((timestamp / 60) - (hours * 60)).floor(); var seconds = timestamp % 60; if (seconds<0){ seconds=0;hours=0;minutes=0; } String hs=hours.toString(); hs=hs.length>1?hs:"0"+hs; String ms=minutes.toString(); ms=ms.length>1?ms:"0"+hs; String ss=seconds.toString(); ss=ss.length>1?ss:"0"+ss; return "$hs:$ms:$ss"; } |
Бонусом тоже самое на javascript:
|
1 2 3 4 5 6 7 8 9 10 |
function TimeLeft(diff){ var timestamp = Math.floor(diff); var hours = Math.floor(timestamp / 60 / 60); var minutes = Math.floor(timestamp / 60) - (hours * 60); var seconds = timestamp % 60; if (seconds<0){seconds=0;hours=0;minutes=0;} h=("0"+hours).slice(-2); m=("0"+minutes).slice(-2); s=("0"+seconds).slice(-2); }; |
Задача: реализовать удаление позиции из списка «смахиванием».
Решение: используем для этого виджет Dismissible. Обернем в него каждый пункт в ListView. Ну собственно в него можно оборачивать любой виджет.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
child: ListView.builder( .... ... child: Dismissible( key: UniqueKey(), direction:DismissDirection.startToEnd, onDismissed: (DismissDirection direction){ TDialogs dia = TDialogs(); dia.SureDialog(context, "Подтверждение", "Вы действительно удалить ТМЦ "+globals.TMCList[index]["inv_num"]+" ?", (){ setState(() { globals.TMCList.removeAt(index); }); }, (){ setState(() {}); } ); }, child: Container( padding: EdgeInsets.symmetric(vertical: 10), color: globals.TMCList[index]["count"]==0?Colors.red:null, child: Column( children: [ Text( globals.TMCList[index]["name"], textAlign: TextAlign.start, ), Align( .... |
Из интересного: метод direction отвечает за то, как именно разрешено «смахивать». В примере это «от старта до конца». Т.е. слева на право. Доступные варианты:
|
1 2 3 4 5 6 7 8 9 10 |
enum DismissDirection { vertical, horizontal, endToStart, startToEnd, up, down, none } |
Задача: позиционировать по нажатию кнопки список на нужном элементе списка.
Решение: используем пакет scroll_to_index:
|
1 2 |
dependencies: scroll_to_index : any |
Код:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 |
class _MainMenuState extends State<MainMenu> { final scaffoldKey = GlobalKey<ScaffoldState>(); final scrollDirection = Axis.vertical; late AutoScrollController controller; @override void initState() { print("-инициализация класса.."); controller = AutoScrollController( viewportBoundaryGetter: () => Rect.fromLTRB(0, 0, 0, MediaQuery.of(context).padding.bottom), suggestedRowHeight: 2000, // если большой список, и скролл визуально идёт медленно, то это "шаг" скролла. Т.е. чем больше, тем быстрее. axis: scrollDirection ); } Future _scrollToCounter(int counter) async { await controller.scrollToIndex(counter, duration: Duration(seconds: 1)); controller.highlight(counter); } .... ... // список ТМЦ для инвентаризации (если есть) body: ListView.builder( physics: NeverScrollableScrollPhysics(), scrollDirection: scrollDirection, controller: controller, padding: const EdgeInsets.all(8), itemCount: globals.TMCList.length, itemBuilder: (BuildContext context, int index) { return AutoScrollTag( key: ValueKey(index), controller: controller, index: index, child: Container( padding: EdgeInsets.symmetric(vertical: 10), child: Column( children: [ Text( globals.TMCList[index]["name"], textAlign: TextAlign.start, ), Align( ..... floatingActionButton: FloatingActionButton( onPressed: (){ _scrollToCounter(10); }, |
Данный виджет предназначен для того чтобы отобразить что-то в отдельной области «с тенью».
Например:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
import 'package:flutter/material.dart'; import 'package:invent/globals.dart' as globals; class TMCView extends StatefulWidget { _TMCViewState createState() => _TMCViewState(); // сюда передаем текущее состояние страницы } class _TMCViewState extends State<TMCView> {// _ впереди класса, означает чтоб скрыть доступ из другх файлов @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('Найденое ТМЦ')), body: Center( child: Card ( margin: EdgeInsets.all(10), color: Colors.green[100], shadowColor: Colors.blueGrey, elevation: 20, child: Column( mainAxisSize: MainAxisSize.min, children: <Widget>[ ListTile( leading: Image.network( 'https://picsum.photos/seed/49/600', width: 100, height: 100, fit: BoxFit.cover, ), title: Text( "Принтер", style: TextStyle(fontSize: 20), ), subtitle: Text('Хороший принтер, нужно брать..'), ), ButtonBar( mainAxisSize: MainAxisSize.min, children: <Widget>[ ElevatedButton( child: new Text('Добавить в найденые'), onPressed: (){ Navigator.pushNamed(context, "/"); }, ), ] ), ], ), ) ), ); } } |
Получим:
