插件详情v0.1.1

redirect_icon

一个 Flutter 包，可帮助您构建美观的可点击图标，这些图标可重定向到 URL。

AndroidiOSWebmacOSWindowsLinux

pub.dev API 文档源代码

近 30 天下载: 13
喜欢数: 34
Pub 分数: 140

安装插件

flutter pub add redirect_icon

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 包，使开发者能够创建视觉上吸引人且可点击的图标，将用户重定向到指定的 URL。它简化了在多个平台上集成用于社交媒体或导航目的的交互式图标的过程。该包轻量级且易于使用，只需最少的配置即可快速实现。非常适合需要通过基于图标的手势实现无缝外部链接访问的应用。

适合场景

社交媒体个人资料链接
通过图标进行应用导航
外部网站重定向
交互式 UI 元素
快速分享按钮

主要特点

可点击的图标并带有URL重定向
跨平台支持
简单 API 集成
可自定义图标外观
内置手势处理

适合对象

移动和网页应用开发者
社交媒体集成
以用户界面为重点的应用程序
初级水平的 Flutter 项目
需要外部链接功能的应用

使用建议

需要互联网连接以访问URL
仅限基本重定向行为
无内置分析跟踪
图标样式需要手动自定义
依赖外部URL的可用性

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

Redirect Icon

Redirect Icon package lets you add a beautiful clickable Icon to your Flutter app.

Installation

Add the latest version of package to your pubspec.yaml (and rundart pub get):

dependencies:
  redirect_icon: ^0.0.1

Import the package and use it in your Flutter App.

import 'package:redirect_icon/redirect_icon.dart';

Example

There are a number of properties that you can modify:

url
icon
radius
size
iconColor
circleAvatarColor

class FancyScreen extends StatelessWidget {  
  const FancyScreen({Key? key}) : super(key: key);  
  
  @override  
  Widget build(BuildContext context) {  
    return Scaffold(  
      body: Column(
        children: [
          const SizedBox(height: 8),
          const Text(
            'Nishchay Shakya',
            style: TextStyle(fontSize: 28, fontWeight: FontWeight.bold),
          ),
          const Text(
            'Flutter Developer',
            style: TextStyle(fontSize: 20, fontWeight: FontWeight.normal),
          ),
          const SizedBox(height: 16),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: const [
              RedirectSocialIcon(
                url: "https://www.instagram.com/nishchayshakyaa/",
                icon: FontAwesomeIcons.instagram,
                radius: 25,
                size: 30,
                iconColor: Colors.white,
                circleAvatarColor: Colors.black,
              ),
              SizedBox(width: 12),
             RedirectSocialIcon(
                url: "https://www.instagram.com/nishchayshakyaa/",
                icon: FontAwesomeIcons.instagram,
                radius: 25,
                size: 30,
                iconColor: Colors.white,
                circleAvatarColor: Colors.black,
              ),
              SizedBox(width: 12),
              RedirectSocialIcon(
                url: "https://www.instagram.com/nishchayshakyaa/",
                icon: FontAwesomeIcons.instagram,
                radius: 25,
                size: 30,
                iconColor: Colors.white,
                circleAvatarColor: Colors.black,
              ),
              SizedBox(width: 12),
              RedirectSocialIcon(
                url: "https://www.instagram.com/nishchayshakyaa/",
                icon: FontAwesomeIcons.instagram,
                radius: 25,
                size: 30,
                iconColor: Colors.white,
                circleAvatarColor: Colors.black,
              ),
            ],
          ),
        ],
      ); 
    );  
  }  
}

Getting Error

Add these in your android/app/src/main/AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.yourpackagename">
  <uses-permission android:name="android.permission.INTERNET"/>
    <queries>
<!-- If your app opens https URLs -->
<intent>
<action android:name="android.intent.action.VIEW" />
<data android:scheme="https" />
</intent>
<!-- If your app makes calls -->
<intent>
<action android:name="android.intent.action.DIAL" />
<data android:scheme="tel" />
</intent>
<!-- If your app emails -->
<intent>
<action android:name="android.intent.action.SEND" />
<data android:mimeType="*/*" />
</intent>
</queries>
</manifest>

所属分类

社交媒体

依赖

依赖清单 2 项

dartdoc^5.1.2
url_launcher^6.0.12

源码仓库

NishchayShakya1/redirect_icon

重定向图标

☆ 4 星标⑂ 0 复刻

dartdart-packageflutter

使用此插件的项目

暂无相关数据。