Flutter社交媒体按钮插件flutter_social_media_button的使用

Flutter Social Media Button 是一个用于创建常用社交单点登录（SSO）按钮的 Flutter 包。

使用

在 pubspec.yaml 文件中添加依赖：

dependencies:
  flutter:
    sdk: flutter
  flutter_social_media_button: 1.0.5+3

如何使用

基本用法

Widget buildSocialMediaButton() {
  return FlutterSocialMediaButton(
    title: "Facebook", // 按钮上的文字
    imageUrl: "assets/images/facebook.png", // 图片路径
    height: 50, // 按钮高度
    imageWidth: 35, // 图片宽度
    imageHeight: 35, // 图片高度
    onlyImageAvalible: false, // 是否只显示图片
    onPress: () { // 点击事件
    },
  );
}

所有参数的示例

Widget buildSocialMediaButton() {
  return FlutterSocialMediaButton(
    title: "Facebook",
    imageUrl: "assets/images/facebook.png",
    height: 50,
    width: 50, // 按钮宽度
    imageWidth: 35,
    imageHeight: 35,
    onlyImageAvalible: true, // 是否只显示图片
    onPress: () { // 点击事件
    },
  );
}

示例

以下是一个完整的示例代码：

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:tiktok_clone/view/widget/flutter_button.dart';

class AddVideo extends StatefulWidget {
  const AddVideo({Key? key}) : super(key: key);

  [@override](/user/override)
  State<AddVideo> createState() => _AddVideoState();
}

class _AddVideoState extends State<AddVideo> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: Padding(
        padding: EdgeInsets.symmetric(horizontal: 10),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            FlutterSocialMediaButton(
              title: "Facebook",
              imageUrl: "assets/images/facebook.png",
              height: 50,
              imageWidth: 35,
              imageHeight: 35,
              onlyImageAvalible: false,
              onPress: () {
                // 点击 Facebook 按钮时的操作
              },
            ),
            SizedBox(
              height: 20,
            ),
            FlutterSocialMediaButton(
              title: "Apple",
              imageUrl: "assets/images/apple-logo.png",
              height: 50,
              width: 50,
              imageWidth: 35,
              imageHeight: 35,
              onlyImageAvalible: true,
              onPress: () {
                // 点击 Apple 按钮时的操作
              },
            ),
          ],
        ),
      ),
    );
  }
}