Как вы определяете переменную из будущего в виджете? - PullRequest
Новая
       41

Как вы определяете переменную из будущего в виджете?

3 голосов
/ 06 мая 2020

Это мой код: 

import 'package:flutter/material.dart';
import 'dart:async';

void main() => runApp(MaterialApp(
      home: FirstScreen(),
    ));

class FirstScreen extends StatelessWidget {
  @override
  Widget build(BuildContext ctxt) {
    return new Scaffold(
      appBar: new AppBar(
        centerTitle: true,
        title: new Text("My School Calendar"),
      ),
      body: Container(
          child: Align(
        alignment: Alignment(0, -0.9),
        child: FlatButton.icon(
          color: Colors.teal,
          icon: Icon(Icons.plus_one), //`Icon` to display
          label: Text('Create new entry'), //`Text` to display
          onPressed: () {
            Navigator.push(
              ctxt,
              new MaterialPageRoute(builder: (ctxt) => new SecondScreen()),
            );
          },
        ),
      )),
    );
  }
}

class SecondScreen extends StatefulWidget {
  @override
  _SecondScreenState createState() => _SecondScreenState();
}

class _SecondScreenState extends State<SecondScreen> {
  DateTime _date = new DateTime.now();
  TimeOfDay _time = new TimeOfDay.now();

  Future<Null> _selectDate(BuildContext ctxt) async {
    final DateTime picked = await showDatePicker(
      context: ctxt,
      initialDate: _date,
      firstDate: new DateTime.now().subtract(Duration(days: 1)),
      lastDate: new DateTime.now().add(Duration(days: 365)),
    );
    if (picked != null && picked != _date) {
      String oldDate = '${_date.toString()}';
      String newDate = oldDate.split(" ").first;
      print('Date selected: ' + newDate);
      setState((){
        _date = picked;
      });
    }
  }

  Future<Null> _selectTime(BuildContext ctxt) async {
    final TimeOfDay picked = await showTimePicker(
        context: ctxt,
        initialTime: _time
    );
    if (picked != null && picked != _time) {
      print('Date selected: ${_time.toString()}');
      setState((){
        _time = picked;
      });
    }
  }
  final myController = TextEditingController();
  @override
  Widget build(BuildContext ctxt) {
    return MaterialApp(
        home: Scaffold(
            appBar: new AppBar(
              title: new Text("Enter assignment details"),
            ),
            body: Container(
              margin: const EdgeInsets.only(top: 10.0),
              child: Align(
                alignment: Alignment(0, -0.9),
                child: Column(children: <Widget>[
                  TextField(
                    controller: myController,
                    textAlign: TextAlign.center,
                    decoration: InputDecoration(
                        border: OutlineInputBorder(
                          borderSide: BorderSide(
                            color: Colors.black,
                          ),
                          borderRadius: BorderRadius.all(Radius.circular(15)),
                        ),
                        hintText: 'Enter assignment name'),
                  ),
                  FlatButton.icon(
                      color: Colors.redAccent,
                      icon: Icon(Icons.calendar_today), //`Icon` to display
                      label: Text('Select date'), //`Text` to display
                      onPressed: () {
                        _selectDate(ctxt);
                      }),
                  Text('Date selected: ' + newDate),
                  FlatButton.icon(
                      color: Colors.grey,
                      icon: Icon(Icons.access_time), //`Icon` to display
                      label: Text('Select time'), //`Text` to display
                      onPressed: () {
                        _selectTime(ctxt);
                      }),
                  Text('Time selected: ${_time.toString()}'),
                ]),
              ),
            )));
  }
}

В самом низу у меня есть код Text('Date selected: ' + newDate),. Однако строка «newDate» не определена, потому что она находится в виджете, но была объявлена ​​и определена в будущем. Можно ли из будущего перенести строку «newDate», чтобы она тоже работала в виджете? Я пробовал много вещей, например, пытался объявить в нем будущее, но все они не работали. Спасибо за помощь!

Ответы [ 4 ]

1 голос
/ 06 мая 2020

если вы хотите показать дату, сначала импортируйте эти 

import 'package:intl/intl.dart';  //for date format
import 'package:intl/date_symbol_data_local.dart';

, затем объявите переменную 

  var newDate=new DateFormat.yMMMd().format(new DateTime.now());

весь код будет 

import 'package:flutter/material.dart';

import 'package:intl/intl.dart'; //for date format
import 'package:intl/date_symbol_data_local.dart';

final Color darkBlue = Color.fromARGB(255, 18, 32, 47);
//**your variable
var newDate = new DateFormat.yMMMd().format(new DateTime.now());

void main() => runApp(MaterialApp(
      home: FirstScreen(),
    ));

class FirstScreen extends StatelessWidget {
  @override
  Widget build(BuildContext ctxt) {
    return new Scaffold(
      appBar: new AppBar(
        centerTitle: true,
        title: new Text("My School Calendar"),
      ),
      body: Container(
          child: Align(
        alignment: Alignment(0, -0.9),
        child: FlatButton.icon(
          color: Colors.teal,
          icon: Icon(Icons.plus_one), //`Icon` to display
          label: Text('Create new entry'), //`Text` to display
          onPressed: () {
            Navigator.push(
              ctxt,
              new MaterialPageRoute(builder: (ctxt) => new SecondScreen()),
            );
          },
        ),
      )),
    );
  }
}

class SecondScreen extends StatefulWidget {
  @override
  _SecondScreenState createState() => _SecondScreenState();
}

class _SecondScreenState extends State<SecondScreen> {
  DateTime _date = new DateTime.now();
  TimeOfDay _time = new TimeOfDay.now();

  Future<Null> _selectDate(BuildContext ctxt) async {
    final DateTime picked = await showDatePicker(
      context: ctxt,
      initialDate: _date,
      firstDate: new DateTime.now().subtract(Duration(days: 1)),
      lastDate: new DateTime.now().add(Duration(days: 365)),
    );
    if (picked != null && picked != _date) {
      String oldDate = '${_date.toString()}';
      String newDate = oldDate.split(" ").first;
      print('Date selected: ' + newDate);
      setState(() {
        _date = picked;
      });
    }
  }

  Future<Null> _selectTime(BuildContext ctxt) async {
    final TimeOfDay picked =
        await showTimePicker(context: ctxt, initialTime: _time);
    if (picked != null && picked != _time) {
      print('Date selected: ${_time.toString()}');
      setState(() {
        _time = picked;
      });
    }
  }

  final myController = TextEditingController();
  @override
  Widget build(BuildContext ctxt) {
    return MaterialApp(
        home: Scaffold(
            appBar: new AppBar(
              title: new Text("Enter assignment details"),
            ),
            body: Container(
              margin: const EdgeInsets.only(top: 10.0),
              child: Align(
                alignment: Alignment(0, -0.9),
                child: Column(children: <Widget>[
                  TextField(
                    controller: myController,
                    textAlign: TextAlign.center,
                    decoration: InputDecoration(
                        border: OutlineInputBorder(
                          borderSide: BorderSide(
                            color: Colors.black,
                          ),
                          borderRadius: BorderRadius.all(Radius.circular(15)),
                        ),
                        hintText: 'Enter assignment name'),
                  ),
                  FlatButton.icon(
                      color: Colors.redAccent,
                      icon: Icon(Icons.calendar_today), //`Icon` to display
                      label: Text('Select date'), //`Text` to display
                      onPressed: () {
                        _selectDate(ctxt);
                      }),
                  Text('Date selected: ' + newDate),
                  FlatButton.icon(
                      color: Colors.grey,
                      icon: Icon(Icons.access_time), //`Icon` to display
                      label: Text('Select time'), //`Text` to display
                      onPressed: () {
                        _selectTime(ctxt);
                      }),
                  Text('Time selected: ${_time.toString()}'),
                ]),
              ),
            )));
  }
}
1 голос
/ 06 мая 2020

Используйте FutureBuilder и передайте future function как параметр future вашего FutureBuilder.

Вот так: 

   FutureBuilder(
      future: yourFuture(),
      builder: .....
     )

Надеюсь, это поможет.

1 голос
/ 06 мая 2020

Проблема: newDate не обновляется, потому что его нет в setState

Вы можете заменить свой Text на этот 

Text('Date selected: ${_date.day}/${_date.month}/${_date.year}'),

Он отлично работает .

1 голос
/ 06 мая 2020

У вас есть много вариантов:

  1. Вы можете сделать newDate переменной класса и установить ее с помощью setState(), а затем получить доступ к этому полю класса, когда вам это нужно.

  2. Вы можете использовать FutureBuilder, получить значение Future и использовать его там. Если newDate является возвращаемым значением из Future, оно будет доступно для FutureBuilder.

...