Как вызвать метод в другом виджете с отслеживанием состояния - PullRequest
Новая
       125

Как вызвать метод в другом виджете с отслеживанием состояния

0 голосов
/ 07 августа 2020

Я создаю приложение типа подкастинга, поэтому мне нужно вызывать функции записи, остановки и воспроизведения во многих местах, я создал методы, но сложно вызвать эти методы в других местах.

main.dart 

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String statusText = "";
  bool isComplete = false;

void startRecord() //Need to call all of these method in coming stateful widgets         
void stopRecord() //
void pauseRecord()//
void resumeRecord()//
void play() //

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
home: Builder(
        builder: (context) => Scaffold(
          drawer: Drawer(
            elevation: 2.0,
            child: ListView(
              children: <Widget>[
                ListTile(
                  title: Text('Home'),
                  onTap: () {
                    Navigator.push(
                      context,
                      MaterialPageRoute(
                        builder: (context) {
                          return MyApp();
                        },
                      ),
                    );
                  },
                ),

      //more code is here 

Expanded(
            child: GestureDetector(
              child: IconButton(
                  icon: Icon(Icons.mic),
                  color: Colors.white,
                  iconSize: 40,
                  onPressed: () async {
                    startRecord();
                  }),
            ),
          ),



}



class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(


onPressed: () {
startRecord()

// need to call the method here. 

}

Pressed: () {
    stopRecord()

// need to call the method here. 

}

Pressed: () {
    play()

// need to call the method here. 

}

),
}

Необходимо вызвать все методы из первого виджета с отслеживанием состояния для нижних виджетов с сохранением состояния

также необходимо вызывать эти методы для других классов при выполнении кода

оба виджета с отслеживанием состояния находятся в main.dart. Мне не удалось вызвать метод из первого класса для второго виджета с отслеживанием состояния

Ответы [ 3 ]

1 голос
/ 07 августа 2020

Это не ракетостроение, просто простая строка кода, и все готово.

Что вам нужно сделать, это просто позвонить MyHomePage() и позволить ему принять startRecording() для использования внутри виджета

1. Передача данных из MyApp () в MyHomePage () 

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      // here you pass the your function
      home: MyHomePage(onPressed: startRecording)
    );
  }

2. Получение данных в MyHomePage () 

class MyHomePage extends StatefulWidget {
  // let it accept a function type onPressed argument
  final Function onPressed;
  
  // constructor
  MyHomePage({Key key, this.onPressed}): super(key: key);

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

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(

    // simply call the onPressed which received your startRecording() from MyApp
    onPressed: () => widget.onPressed()
}
1 голос
/ 07 августа 2020

Вы можете получить состояние родительского виджета, используя BuildContext дочернего виджета, например: 

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
  
  static _MyAppState of(BuildContext context) {
    return context.findAncestorStateOfType<_MyAppState>();
  }
}

class _MyAppState extends State<MyApp> {
  String statusText = "";
  bool isComplete = false;
  
  void startRecord() {
    print('Hello');
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    MyApp.of(context).startRecord();
    
    return Scaffold(
      body: Placeholder(),
    );
  }
}
0 голосов
/ 07 августа 2020

Просто определите эту функцию вне класса как отдельную функцию, подобную этой. Но если вы хотите вызывать изнутри класса. Вот код.

внутри другого класса в качестве stati c function: 

onPressed: () {
          _MyAppState().startRecord(); //call using the class name.
        }

Как это внутри вашего onpressed Statement.

Должно работать.

Или еще что вы можете сделать, так это определить функцию вне класса. Тогда используйте его, где хотите. Как это: 

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}


void startRecord(){
   .
   .
   .
}           /// Like here outside the class

class _MyAppState extends State<MyApp> {
  String statusText = "";
  bool isComplete = false;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(.....



}



class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(


onPressed: () {
 startRecord();       // call Here as follows.
 }),
}
...