почему это диалоговое окно не работает во флаттере - PullRequest
Новая
       83

почему это диалоговое окно не работает во флаттере

0 голосов
/ 10 ноября 2019

Я использовал приведенный ниже код, чтобы получать оповещения всякий раз, когда пользователь нажимает на конкретный элемент списка 


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





class RamList extends StatelessWidget {



  @override
  Widget build(BuildContext context) {



    return _myListView(context);
  }
}

Widget _myListView(BuildContext context) {
  final titles = [
     'Part-1',
     'part-2',
     'part-3',
     'part-4',
     'part-5',
  ];

  final numbers = [
    '1 ',
    '2 ',
    '3 ',
    '4 ',
    '5 ',



  ];

  functionOne() {
    Navigator.push(
        context, new MaterialPageRoute(builder: (context) =>  RamOne()));
  }

  functionTwo() {
    Navigator.push(context, MaterialPageRoute(builder: (context) => RamTwo()));
  }

  functionThree() {
    Navigator.push(
        context, MaterialPageRoute(builder: (context) => RamThree()));
  }

  functionFour() {
    Navigator.push(context, MaterialPageRoute(builder: (context) => RamFour()));
  }

  functionFive()=>_onAlertButtonPressed1; 





  final List<Function> onTaps = [
    functionOne,
    functionTwo,
    functionThree,
    functionFour,
    functionFive,

  ];

  return ListView.builder(

      itemCount: titles.length,
      itemBuilder: (context, index) {
        return Card(
            elevation: 50,
            child: InkWell(



              child: Row(
                children: <Widget>[


                  Container(


                    height: 100.0,
                    width:50.0,

                    decoration: BoxDecoration(
                        gradient:LinearGradientStyle.linearGradient(
                            orientation:LinearGradientStyle.ORIENTATION_HORIZONTAL,
                            gradientType: LinearGradientStyle.GRADIENT_TYPE_AMIN
                        )
                    ),),

                  Container(
                      margin: EdgeInsets.all(10),
                      child: Text(
                        numbers[index],
                      )),


                 Flexible(child:  Container(
                    margin: EdgeInsets.all(10),
                    child: GradientText((titles[index]),
                      gradient:gradient,

                      style:TextStyle(fontSize:20.0,fontWeight:FontWeight.bold, ),
                    ),

                  ))
                ],
              ),
              onTap: () => onTaps[index](),
            ));
      });


}

_onAlertButtonPressed1(context) {
  Alert(
    context: context,
    type: AlertType.info,
    title: "Coming soon",
    desc: "This link will be available in future updates",

  ).show();
}

Я пытался использовать оповещение rflutter, чтобы показать оповещение. Все работает без ошибок. Но после нажатия оповещение не появляетсяна предопределенный просмотр списка .. Почему этот код не работает. Пожалуйста, помогите мне, если у вас есть какое-либо решение.

Пожалуйста, прокомментируйте, если вам нужна дополнительная информация. По тому, как работает консольное сообщение. В окне консоли нет сообщения об ошибке.

Ответы [ 2 ]

1 голос
/ 10 ноября 2019

У вас есть этот обратный вызов: functionFive()=>_onAlertButtonPressed;

Он вызывает __onAlertButtonPressed_, но ваша функция, отображающая диалоговое окно, называется _onAlertButtonPressed 1 (она имеет 1 вконец).

UPD: Ваши обратные вызовы должны принимать контекст, а functionFive должен вызывать _onAlertButtonPressed1 функцию: 

  functionOne(BuildContext context) {
    Navigator.push(
        context, new MaterialPageRoute(builder: (context) => RamOne()));
  }

  functionTwo(BuildContext context) {
    Navigator.push(context, MaterialPageRoute(builder: (context) => RamTwo()));
  }

  functionThree(BuildContext context) {
    Navigator.push(
        context, MaterialPageRoute(builder: (context) => RamThree()));
  }

  functionFour(BuildContext context) {
    Navigator.push(context, MaterialPageRoute(builder: (context) => RamFour()));
  }

  functionFive(BuildContext context) => _onAlertButtonPressed1(context);

и передавать контекстна обратные вызовы: 

onTap: () => onTaps[index](context),
0 голосов
/ 10 ноября 2019

Чтобы отобразить диалоговое окно с предупреждением, вы должны сделать следующее: 

_onAlertButtonPressed1(context) {
         AlertDialog alert = AlertDialog(
               title: Text("Coming soon"),
               content: Text("This link will be available in future updates"),
               actions: [
                 //your actions (I.E. a button)
               ],
             );

            // show the dialog
               showDialog(
                    context: context,
                    builder: (BuildContext context) {
                    return alert;
                   },
               );
    }

Вы можете просмотреть документацию здесь .

И статью, объясняющую, какиспользуйте AlertDialog здесь .

...