1

Necesito pasar datos desde la clase de un page a un widget del mismo page:

class PrePerfil extends StatefulWidget {
  final String id_persona;
  PrePerfil(this.id_persona, {Key key}): super(key: key);

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

Necesito pasar el valor de id_persona al widget de otra clase llamada PageOne en el mismo page.

class PageOneState extends State<PageOne> {
  @override
  Widget build(BuildContext context) {
    return ListView.builder(
        itemCount: widget.dataList.length,
        itemBuilder: (context, index) {
          return ExpansionTile(
            key: PageStorageKey('${widget.dataList[index].id}'),
            //title: Text(widget.dataList[index].title),
            title: Text(id_persona), // Aqui está el error

En la última línea (title) requiero usar el id_persona, pero no logro agregarlo.

Favor vuestro apoyo, muchas gracias.!

Agrego todo el código del page

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


class PrePerfil extends StatefulWidget {
  final String id_persona;
  PrePerfil(this.id_persona, {Key key}): super(key: key);

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

class _PrePerfilState extends State<PrePerfil> {
  final Key keyOne = PageStorageKey('pageOne');
  final Key keyTwo = PageStorageKey('pageTwo');


  int currentTab = 0;

  PageOne one;
  PageTwo two;
  List<Widget> pages;
  Widget currentPage;

  List<Data> dataList;
  final PageStorageBucket bucket = PageStorageBucket();

  @override
  void initState() {
    one = PageOne(
      key: keyOne,
      dataList: dataList,
    );
    two = PageTwo(
      key: keyTwo,
    );

    pages = [one, two];

    currentPage = one;

    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Persistance Example"),
      ),
      body: PageStorage(
        child: currentPage,
        bucket: bucket,
      ),

      bottomNavigationBar: CurvedNavigationBar(
        onTap: (int index) {
          setState(() {
            currentTab = index;
            currentPage = pages[index];
          });
        },
        items: <Widget>[
          Icon(Icons.account_circle,  color: Colors.white,size: 30),
          Icon(Icons.comment, color: Colors.white,size: 30),
          //Icon(Icons.business_center, color: Colors.white,size: 30),
        ],
        color: Colors.orangeAccent,
        backgroundColor: Colors.white,
      ),
    );
  }
}

class PageOne extends StatefulWidget {
  final List<Data> dataList;
  final String id_persona;
  PageOne({
    Key key,
    this.dataList, this.id_persona
  }) : super(key: key);

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

class PageOneState extends State<PageOne> {
  @override
  Widget build(BuildContext context) {
    return ListView.builder(
        itemCount: widget.dataList.length,
        itemBuilder: (context, index) {
          return ExpansionTile(
            key: PageStorageKey('${widget.dataList[index].id}'),
            title: Text(widget.id_persona),
            children: <Widget>[
              Container(
                color: index % 2 == 0 ? Colors.orange : Colors.limeAccent,
                height: 100.0,
              ),
            ],
          );
        });
  }
}

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

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

class PageTwoState extends State<PageTwo> {
  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemExtent: 250.0,
      itemBuilder: (context, index) => Container(
        padding: EdgeInsets.all(10.0),
        child: Material(
          elevation: 4.0,
          borderRadius: BorderRadius.circular(5.0),
          color: index % 2 == 0 ? Colors.cyan : Colors.deepOrange,
          child: Center(
            child: Text(index.toString()),
          ),
        ),
      ),
    );
  }
}

class Data {
  final int id;
  bool expanded;
  final String title;
  Data(this.id, this.expanded, this.title);
}

1 respuesta 1

1

Puedes acceder al valor de la variable del StatefulWidget usando widget.id_persona.

Primero asegúrate que estás recibiendo un valor en tu widget PrePerfil.

En el método initState de _PrePerfilState, agrega un print para verificar.

@override
  void initState() {
    print("Valor : ${widget.id_persona}");
  ...
}

Si se pinta el valor que esperas, entonces solo te falta pasarlo al widget PageOne, ya que veo que no le pasas ese parámetro, de igual manera dentro del initState agregale el parámetro.

    one = PageOne(
      key: keyOne,
      dataList: dataList,
      id_persona: widget.id_persona,
    );

Con eso ya lo recibirías en el widget PageOne, usando widget.id_persona

6
  • Cuando lo utilizo así widget,id_persona, lo toma como nulo. Considerar que es un valor que viene desde otro page distinto. Aparece como final en la clase PrePerfil de arriba. Commented el 11 ago. 2019 a las 2:20
  • esa es la forma correcta como llamar a la variable del widget, ahora si agregas más código a tu pregunta para saber como le estás pasando la información y de que widget a que widget, te podría ayudar Commented el 11 ago. 2019 a las 2:23
  • Diego, gracias! agregué todo el código del page. Commented el 11 ago. 2019 a las 2:35
  • revisa mi respuesta actualizada Commented el 11 ago. 2019 a las 2:58
  • 1
    Diego, muchas gracias.! tu respuesta es la correcta y ha funcionado!!! Commented el 11 ago. 2019 a las 4:32

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.