Используйте SnackBar с CupertinoPageScaffold - PullRequest
Новая
       18

Используйте SnackBar с CupertinoPageScaffold

0 голосов
/ 27 марта 2019

Есть ли способ использовать SnackBar с CupertinoPageScaffold?

Я получаю следующую ошибку: 

Scaffold.of() called with a context that does not contain a Scaffold.
No Scaffold ancestor could be found starting from the context that was passed to Scaffold.of().

Вызов SnackBar в дочернем виджетеиспользуя: 

final snackBar = SnackBar(
      content: Text('Yay! A SnackBar!'),
      action: SnackBarAction(
      label: 'Undo',
      onPressed: () {
      // Some code to undo the change!
      },
      ),
      );

// Find the Scaffold in the Widget tree and use it to show a SnackBar!
Scaffold.of(context).showSnackBar(snackBar);

1 Ответ

1 голос
/ 27 марта 2019

Вам нужно включить Scaffold, поскольку CupertinoPageScaffold не является его дочерним элементом, тогда вам нужно отделить код, в котором вы вызываете функцию showSnackBar, от кода Scaffold в отдельный класс, который здесь SnackBarBody, потому что SnackBar и Scaffold не могут быть вызваны из одной и той же функции Build. Вот полный рабочий пример: 

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

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

class SnackBarDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
     title: 'SnackBar Demo',
     home: CupertinoPageScaffold(
    child: SnackBarPage(),
       ),
     );
   }
 }

class SnackBarPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
   body: SnackBarBody(),
   );
 }
}

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

  @override
  _SnackBarBodyState createState() => new _SnackBarBodyState();
}

class _SnackBarBodyState extends State<SnackBarBody> {

@override
Widget build(BuildContext context) {
  return Center(
    child: RaisedButton(
      onPressed: () {
        final snackBar = SnackBar(content: Text('Yay! A SnackBar!'),action: SnackBarAction(label: 'Undo',
          onPressed: () {
            // Some code to undo the change!
          },
        ),
      );

        // Find the Scaffold in the Widget tree and use it to show a SnackBar!
        Scaffold.of(context).showSnackBar(snackBar);
       },
      child: Text('Show SnackBar'),
     ),
   );
  }
}
...