搜尋套件、儲存庫與 APP 分類

ducafecatFlutter 生態導航
redirect_icon 封面
套件詳情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

  1. Add the latest version of package to your pubspec.yaml (and rundart pub get):
dependencies:
  redirect_icon: ^0.0.1
  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 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。