flutter_fb_news

Flutter plugin for displaying Facebook page feed with photos and videos

platform pub donate

Using

import 'package:flutter_fb_news/flutter_fb_news.dart';

Center(
    child: FbNews(
        accesToken:"xyz",
        pageId: "123567890",
        limit: 25,
        config: FbNewsConfig(
            subtitle = "from Facebook",
            waiting: Column(
                children: [
                    CircularProgressIndicator(),
                    SizedBox(
                        height: 10,
                    )
                ],
            ),
            noDataOrError: Card(
                color: Colors.red,
                child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                        Text(
                            snapshot.error.toString(),
                            style: TextStyle(
                                color: Colors.white,
                            ),
                        )
                    ],
                ),
            ),
            fields: [
                FbNewsFields.header,
                FbNewsFields.attachmentsPhotos,
                FbNewsFields.attachmentsVideos,
                FbNewsFields.attachmentsVideoDirectResponseAutoplay,
                FbNewsFields.attachmentsShare,
                FbNewsFields.message,
                FbNewsFields.footer,
            ],
            borderColor: Colors.black,
            showBorder = true,
            backgroundColor: Colors.white,
            textColor: Colors.black,
            linkColor: Colors.blue,
        ),
    ),
),

Demo

Demo

Parameters

Parameter Type Required Description
pageId String yes is required to identify the Facebook page, for example (253146702201895)
accesToken String yes is required to authorize for the Facebook Api Docu to get the authToken https://developers.facebook.com/docs/facebook-login/access-tokens#pagetokens
limit int no Limits the number of elements that are loaded Default: 20
config FbNewsConfig no Customize the appearance of the posts

FbNewsConfig Params

Parameter Type Required Description
subtitle String no Subtitle in the every feeditem Default: "von Facebook"
waiting Widget no The waiting widget is displayed when the data is loaded
noDataOrError Widget no The noDataOrErrorwidget is displayed if the response contains no data or an error
fields List no Select which fields to display
borderColor Color no Set the Color of the border
showBorder Boolean no Toogle the display of the border
backgroundColor Color no Set the Color of the background
textColor Color no Set the Color of the text
linkColor Color no Set the Color of a link

FbNewsFieldName

The possible fields are

  • FbNewsFields.header
  • FbNewsFields.attachmentsPhotos
  • FbNewsFields.attachmentsVideos
  • FbNewsFields.attachmentsVideoDirectResponseAutoplay
  • FbNewsFields.attachmentsShare
  • FbNewsFields.message
  • FbNewsFields.footer

Libraries

fb_news_attachments_photos
fb_news_attachments_share
fb_news_attachments_video
fb_news_attachments_video_direct_response
fb_news_attachments_videos
fb_news_feed
fb_news_header
fb_news_message
fb_news_service
flutter_fb_news
flutter_fb_news_config