Using Provider.of

class IdeasMainPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BaseView<IdeasMainPageController>(onControllerReady: (controller) {
      controller.initialize();
    }, builder: (context, controller, child) {
      return Scaffold(
        backgroundColor: Colors.white.withOpacity(0.9),
        appBar: AppBar(
          title: Text('Ideas'),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            Navigator.push(
                context,
                MaterialPageRoute(
                    builder: (context) => CreateIdeaPage('Create Idea')));
          },
          child: Icon(Icons.add),
        ),
        body: controller.ideas.isEmpty ? NoIdeas() : IdeasList(),
      );
    });
  }
}

class IdeasList extends StatelessWidget {
  const IdeasList({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final controller = Provider.of<IdeasMainPageController>(context);

    return ListView.builder(
        itemCount: controller.ideas.length,
        itemBuilder: (context, index) {
          return IdeaCard(
            idea: controller.ideas[index],
          );
        });
  }
}

class NoIdeas extends StatelessWidget {
  const NoIdeas({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container();
  }
}