message_page.dart

class MessagePage extends StatefulWidget {
  @override
  _MessagePageState createState() => _MessagePageState();
}

class _MessagePageState extends State<MessagePage> {

  bool isLoading = false;
  List<MessageModel> messageList;
  MessageProvider messageProvider = new MessageProvider();

  @override
  void initState() {
    _fetchData();
    super.initState();
  }

  Future _fetchData() async {
    setState(() => isLoading = true);
    messageList = await messageProvider.fetchPosts();
    setState(() => isLoading = false);
  }


  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.pinkAccent,
          title: Center(child: Text('Messages', style: TextStyle(color: Colors.black),),),
        ),
        body: Center(
            child: isLoading
                ? CircularProgressIndicator()
                : ListView.builder(
              itemCount: messageList.length,
              itemBuilder: (BuildContext context, int index) {
                return ListTile(
                    contentPadding: EdgeInsets.symmetric(
                        horizontal: 10.0,
                        vertical: 10.0
                    ),
                    title: Text(messageList[index].email, style: TextStyle(fontSize: 20),),
                    subtitle: Text(messageList[index].body)
                );
              },
            )
        )
    );
  }
}