Навигатор передает значение выбранного радио или текста на следующую страницу в флаттере - PullRequest
Новая
       6

Навигатор передает значение выбранного радио или текста на следующую страницу в флаттере

0 голосов
/ 20 января 2020

Я хочу показать результат радио на следующей странице, но я не знаю, как передать данные радио или слова в текстовом поле на следующую страницу.

То, что я хочу, это что если я выберу Гостиную, то на следующей странице будет показано «Расположение - Гостиная». Если я выберу другие, а также введу «игровая комната» в последнем варианте, на следующей странице отобразится «Место - игровая комната».

Как это сделать с помощью навигатора и радио? 

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Select A Location',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      initialRoute: '/',
      routes: <String, WidgetBuilder>{
        '/': (context) => SelectALocation(),
        '/nextpage': (context) => NextPage(),
      },
    );
  }
}

class SelectALocation extends StatefulWidget {
  @override
  _SelectALocationState createState() => _SelectALocationState();
}

class _SelectALocationState extends State<SelectALocation> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: SingleChildScrollView(
          child: Column(
        children: <Widget>[
          Text('Select a location'),
          SelectLocationWidget(),
          RaisedButton(
            child: Text('Next'),
            onPressed: () {
              Navigator.pushNamed(context, '/nextpage', arguments: 'Location');
            },
          )
        ],
      )),
    );
  }
}

enum Location {livingRoom, bedroom, kitchen, others }

class SelectLocationWidget extends StatefulWidget {
  SelectLocationWidget({Key key}) : super(key: key);

  @override
  _SelectLocationWidgetState createState() => _SelectLocationWidgetState();
}

class _SelectLocationWidgetState extends State<SelectLocationWidget> {
  Location _location = Location.livingRoom;
  final TextEditingController _locationOthersController =
      new TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        RadioListTile<Location>(
          title: const Text('Living Room'),
          value: Location.livingRoom,
          groupValue: _location,
          onChanged: (Location value) {
            setState(() {
              _location = value;
            });
          },
        ),
        RadioListTile<Location>(
          title: const Text('Bedroom'),
          value: Location.bedroom,
          groupValue: _location,
          onChanged: (Location value) {
            setState(() {
              _location = value;
            });
          },
        ),
        RadioListTile<Location>(
          title: const Text('Kitchen'),
          value: Location.kitchen,
          groupValue: _location,
          onChanged: (Location value) {
            setState(() {
              _location = value;
            });
          },
        ),
        RadioListTile<Location>(
          title: TextField(
            controller: _locationOthersController,
            decoration: InputDecoration(
              hintText: 'Others',
            ),
          ),
          value: Location.others,
          groupValue: _location,
          onChanged: (Location value) {
            setState(() {
              _location = value;
            });
          },
        ),
      ],
    );
  }
}

class NextPage extends StatefulWidget {
  @override
  _NextPageState createState() => _NextPageState();
}

class _NextPageState extends State<NextPage> {
  @override
  Widget build(BuildContext context) {
    return Container(child: Text('Location is $Location'));
  }
}

Ответы [ 2 ]

0 голосов
/ 20 января 2020

Я внес несколько изменений в ваш код, например, изменив SelectLocationWidget с class на widget. Код ниже должен работать так, как вы хотите, включая то, что вы вводите, когда выбираете другие: 

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Select A Location',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      initialRoute: '/',
      routes: <String, WidgetBuilder>{
        '/': (context) => SelectALocation(),
        '/nextpage': (context) => NextPage(),
      },
    );
  }
}

enum Location {livingRoom, bedroom, kitchen, others }

class SelectALocation extends StatefulWidget {
  @override
  _SelectALocationState createState() => _SelectALocationState();
}

class _SelectALocationState extends State<SelectALocation> {
  Location location = Location.livingRoom;
  String actualLocation = 'Living Room';
  final TextEditingController locationOthersController = new TextEditingController();

  Widget selectLocationWidget() {
    return Column(
      children: <Widget>[
        RadioListTile<Location>(
          title: const Text('Living Room'),
          value: Location.livingRoom,
          groupValue: location,
          onChanged: (Location value) {
            setState(() {
              location = value;
              actualLocation = 'Living Room';
            });
          },
        ),
        RadioListTile<Location>(
          title: const Text('Bedroom'),
          value: Location.bedroom,
          groupValue: location,
          onChanged: (Location value) {
            setState(() {
              location = value;
              actualLocation = 'Bedroom';
            });
          },
        ),
        RadioListTile<Location>(
          title: const Text('Kitchen'),
          value: Location.kitchen,
          groupValue: location,
          onChanged: (Location value) {
            setState(() {
              location = value;
              actualLocation = 'Kitchen';
            });
          },
        ),
        RadioListTile<Location>(
          title: TextField(
            controller: locationOthersController,
            decoration: InputDecoration(
              hintText: 'Others',
            ),
          ),
          value: Location.others,
          groupValue: location,
          onChanged: (Location value) {
            setState(() {
              location = value;
              actualLocation = locationOthersController.text;
            });
          },
        ),
      ],
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: SingleChildScrollView(
        child: Column(
          children: <Widget>[
            Text('Select a location'),
            selectLocationWidget(),
            RaisedButton(
              child: Text('Next'),
              onPressed: () {
                Navigator.push(
                  context, 
                  MaterialPageRoute(
                    builder: (context) => NextPage(
                      locationText: actualLocation,
                    ),
                  )
                );
              },
            )
          ],
        ),
      ),
    );
  }
}

class NextPage extends StatefulWidget {
  final String locationText;
  NextPage({@required this.locationText});

  @override
  _NextPageState createState() => _NextPageState();
}

class _NextPageState extends State<NextPage> {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Text('Location is ${widget.locationText}')
    );
  }
}
0 голосов
/ 20 января 2020

Вы можете скопировать вставить следующий код.

Я переместил ваш RaisedButton виджет в конец столбца в SelectLocationWidget. Потому что вы храните информацию о выбранном месте в SelectLocationWidget. Затем я добавляю параметр для NextPage, чтобы передать местоположение. Возможно, вы захотите реализовать другую функцию для печати вашего Location. Я использовал функцию по умолчанию describeEnum, чтобы сделать это. Но он печатает Livig Room как livingRoom, так что вы можете исправить это. 

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Select A Location',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      initialRoute: '/',
      routes: <String, WidgetBuilder>{
        '/': (context) => SelectALocation(),
      },
    );
  }
}

class SelectALocation extends StatefulWidget {
  @override
  _SelectALocationState createState() => _SelectALocationState();
}

class _SelectALocationState extends State<SelectALocation> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: SingleChildScrollView(
          child: Column(
        children: <Widget>[
          Text('Select a location'),
          SelectLocationWidget(),
        ],
      )),
    );
  }
}

enum Location {livingRoom, bedroom, kitchen, others }

class SelectLocationWidget extends StatefulWidget {
  SelectLocationWidget({Key key}) : super(key: key);

  @override
  _SelectLocationWidgetState createState() => _SelectLocationWidgetState();
}

class _SelectLocationWidgetState extends State<SelectLocationWidget> {
  Location _location = Location.livingRoom;
  final TextEditingController _locationOthersController =
      new TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        RadioListTile<Location>(
          title: const Text('Living Room'),
          value: Location.livingRoom,
          groupValue: _location,
          onChanged: (Location value) {
            setState(() {
              _location = value;
            });
          },
        ),
        RadioListTile<Location>(
          title: const Text('Bedroom'),
          value: Location.bedroom,
          groupValue: _location,
          onChanged: (Location value) {
            setState(() {
              _location = value;
            });
          },
        ),
        RadioListTile<Location>(
          title: const Text('Kitchen'),
          value: Location.kitchen,
          groupValue: _location,
          onChanged: (Location value) {
            setState(() {
              _location = value;
            });
          },
        ),
        RadioListTile<Location>(
          title: TextField(
            controller: _locationOthersController,
            decoration: InputDecoration(
              hintText: 'Others',
            ),
          ),
          value: Location.others,
          groupValue: _location,
          onChanged: (Location value) {
            setState(() {
              _location = value;
            });
          },
        ),
        RaisedButton(
            child: Text('Next'),
            onPressed: () {
              Navigator.push(
                context, 
                MaterialPageRoute(
                  builder: (context) => NextPage(location: _location),
                ),
              );
            },
          )
      ],
    );
  }
}

class NextPage extends StatefulWidget {
  final Location location;

  NextPage({@required this.location});

  @override
  _NextPageState createState() => _NextPageState();
}

class _NextPageState extends State<NextPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: Text('Location is ${describeEnum(widget.location)}'),
      ),
    );
  }
}
...