Skip to main content
Título reformulado con descripción del problema, mejoras en redacción
Origen Enlace

Ayda Mostrar contenido de solo un artículo, no de todos, con flutterFlutter

conecteConecté una api a mi app de flutter , loFlutter. Lo que intento es que al presionar UNA imagen  (tengo un listviewlistview para que me aparezcan todas las imagenes imágenes) y me mande a page2page2 (eso ya lo hace) me, me aparezca el contenido(content) de este. loLo que no logro es que solo me aparezca la info de solo esa imagen ya que el listviewlistview hace que me aparezca el contenido de todos los articulosartículos que me aparecen en la api como obvio una lista. como¿Cómo hago que me aparezca uno solo?

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

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

class _Page2State extends State<Page2> {
  Future<NewsModel> _newsModel;

 @override
  void initState() {
    _newsModel = API_Manager().getNews();
    super.initState();
  }


    


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('News App'),
      ),
      body: Container(
        child: FutureBuilder<NewsModel>(
          future: _newsModel,
          builder: (context, snapshot) {
            if (snapshot.hasData) {
              return ListView.builder(itemBuilder: (context, index) {
                var article = snapshot.data.articles[index];
                // var formattedTime = DateFormat('dd MMM - HH:mm')
                //  .format(article.publishedAt);
                return Container(
                  child: Text(
                    article.content,
                  ),
                );
              });
            } else
              return Center(child: CircularProgressIndicator());
          },
        ),
      ),
    );
  }
}```

Ayda con flutter

conecte una api a mi app de flutter , lo que intento es al presionar UNA imagen(tengo un listview para que me aparezcan todas las imagenes ) y me mande a page2(eso ya lo hace) me aparezca el contenido(content) de este. lo que no logro que solo me aparezca la info de solo esa imagen ya que el listview hace que me aparezca el contenido de todos los articulos que me aparecen en la api como obvio una lista. como hago que me aparezca uno solo?

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

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

class _Page2State extends State<Page2> {
  Future<NewsModel> _newsModel;

 @override
  void initState() {
    _newsModel = API_Manager().getNews();
    super.initState();
  }


    


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('News App'),
      ),
      body: Container(
        child: FutureBuilder<NewsModel>(
          future: _newsModel,
          builder: (context, snapshot) {
            if (snapshot.hasData) {
              return ListView.builder(itemBuilder: (context, index) {
                var article = snapshot.data.articles[index];
                // var formattedTime = DateFormat('dd MMM - HH:mm')
                //  .format(article.publishedAt);
                return Container(
                  child: Text(
                    article.content,
                  ),
                );
              });
            } else
              return Center(child: CircularProgressIndicator());
          },
        ),
      ),
    );
  }
}```

Mostrar contenido de solo un artículo, no de todos, con Flutter

Conecté una api a mi app de Flutter. Lo que intento es que al presionar UNA imagen  (tengo un listview para que me aparezcan todas las imágenes) y me mande a page2 (eso ya lo hace), me aparezca el contenido(content) de este. Lo que no logro es que solo me aparezca la info de solo esa imagen ya que el listview hace que me aparezca el contenido de todos los artículos que me aparecen en la api como obvio una lista. ¿Cómo hago que me aparezca uno solo?

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

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

class _Page2State extends State<Page2> {
  Future<NewsModel> _newsModel;

 @override
  void initState() {
    _newsModel = API_Manager().getNews();
    super.initState();
  }


    


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('News App'),
      ),
      body: Container(
        child: FutureBuilder<NewsModel>(
          future: _newsModel,
          builder: (context, snapshot) {
            if (snapshot.hasData) {
              return ListView.builder(itemBuilder: (context, index) {
                var article = snapshot.data.articles[index];
                // var formattedTime = DateFormat('dd MMM - HH:mm')
                //  .format(article.publishedAt);
                return Container(
                  child: Text(
                    article.content,
                  ),
                );
              });
            } else
              return Center(child: CircularProgressIndicator());
          },
        ),
      ),
    );
  }
}
título editado
Enlace
user128299
user128299

Aiuda Ayda con flutter

Origen Enlace

Aiuda con flutter

conecte una api a mi app de flutter , lo que intento es al presionar UNA imagen(tengo un listview para que me aparezcan todas las imagenes ) y me mande a page2(eso ya lo hace) me aparezca el contenido(content) de este. lo que no logro que solo me aparezca la info de solo esa imagen ya que el listview hace que me aparezca el contenido de todos los articulos que me aparecen en la api como obvio una lista. como hago que me aparezca uno solo?

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

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

class _Page2State extends State<Page2> {
  Future<NewsModel> _newsModel;

 @override
  void initState() {
    _newsModel = API_Manager().getNews();
    super.initState();
  }


    


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('News App'),
      ),
      body: Container(
        child: FutureBuilder<NewsModel>(
          future: _newsModel,
          builder: (context, snapshot) {
            if (snapshot.hasData) {
              return ListView.builder(itemBuilder: (context, index) {
                var article = snapshot.data.articles[index];
                // var formattedTime = DateFormat('dd MMM - HH:mm')
                //  .format(article.publishedAt);
                return Container(
                  child: Text(
                    article.content,
                  ),
                );
              });
            } else
              return Center(child: CircularProgressIndicator());
          },
        ),
      ),
    );
  }
}```