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

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());
          },
        ),
      ),
    );
  }
}