flutter_profile_card 0.0.3+1

This plugin allows you to display a user profile with its followers and followings.

example/lib/main.dart

import 'package:flutter/material.dart';

import 'package:flutter_profile_card/flutter_profile_card.dart';
import 'package:flutter_mobile_camera/CameraBuilder.dart';
import 'package:flutter_models/models/UserModel.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool _isFollow = false;
  UserModel _profileModel;

  @override
  void initState() {
    // Define the model
    _profileModel = UserModel(
      uid: '1234567890',
      username: 'John Doe',
      status: 'John doe is certainly the best development but very discreet...',
      avatarURL: 'https://picsum.photos/200',
      followers: 1,
      followings: 1234,
    );

    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return CameraBuilder(
      child: MaterialApp(
        theme: ThemeData(
          accentColor: Colors.green,
          textTheme: TextTheme(
            bodyText2: TextStyle(
              fontSize: 16.0,
            ),
          ),
        ),
        home: Scaffold(
          appBar: AppBar(
            title: const Text('Plugin example app'),
          ),
          body: ProfileCard(
            // Add the model in the widget parameter
            profile: _profileModel,
            // Capture the follow event
            onFollowed: (UserModel profile) async {
              print(profile.toJson());

              await Future.delayed(Duration(seconds: 3));

              setState(() {
                // Database code...
                _isFollow = !_isFollow;

                _profileModel.isFollowed = _isFollow;
                _profileModel.updateFollowers = _isFollow ? 2 : 1;
              });
            },
          ),
        ),
      ),
    );
  }
}