import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:buttercms_dart/buttercms_dart.dart';

class PostsListScreen extends StatefulWidget {
 final int page;

 const PostsListScreen({Key key, this.page}) : super(key: key);

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

class _PostsListScreenState extends State {
 Butter butter = Butter("YOUR_API_KEY");

 Map jsonMap;

 @override
 void initState() {
   super.initState();
   butter.post
       .list({"page": widget.page.toString() ?? "1", "page_size": "10"}).then((response) {
     setState(() {
       // First fetch the json response,then decode into a map
       jsonMap = json.decode(response.body);
     });
   });
 }

 @override
 Widget build(BuildContext context) {
   return Scaffold(
     appBar: AppBar(
       title: Text("Posts"),
     ),
     body: jsonMap == null ? _buildLoadingScreen() : _buildBody(),
   );
 }

 Widget _buildLoadingScreen() {
   return Center(
     child: CircularProgressIndicator(),
   );
 }

 Widget _buildBody() {
   List posts = jsonMap["data"];

   return ListView.builder(
     itemBuilder: (context, position) {
       return ListTile(
         title: Text(posts[position]["title"]),
         leading: Image.network(
           posts[position]["fields"]["customer_logo"],
           width: 40.0,
           height: 40.0,
         ),
         subtitle: Text(posts[position]["author"]["first_name"] +
             " " +
             posts[position]["author"]["last_name"]),
       );
     },
     itemCount: posts.length,
   );
 }
}

import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:buttercms_dart/buttercms_dart.dart';

class PostDetailScreen extends StatefulWidget {
 final String pageSlug;

 const PostDetailScreen({Key key, this.pageSlug}) : super(key: key);

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

class _PostDetailScreenState extends State {
 Butter butter = Butter("YOUR_API_KEY");

 Map jsonMap;

 @override
 void initState() {
   super.initState();
   butter.post.retrieve(widget.pageSlug).then((response) {
     setState(() {
       // First fetch the json response,then decode into a map
       jsonMap = json.decode(response.body);
     });
   });
 }

 @override
 Widget build(BuildContext context) {
   return Scaffold(
     appBar: AppBar(
       title: Text("Post Detail"),
     ),
     body: jsonMap == null ? _buildLoadingScreen() : _buildBody(),
   );
 }

 Widget _buildLoadingScreen() {
   return Center(
     child: CircularProgressIndicator(),
   );
 }

 Widget _buildBody() {
   Map post = jsonMap["data"];

   return ListView(
     children: [
       Padding(
         padding: const EdgeInsets.all(8.0),
         child: Text(post["seo_title"]),
       ),
       Padding(
         padding: const EdgeInsets.all(8.0),
         child: Image.network(post["featured_image"]),
       ),
       Padding(
         padding: const EdgeInsets.all(8.0),
         child: Text(post["meta_description"]),
       ),
     ],
   );
 }
}