redirect_icon

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

開発者が指定されたURLにユーザーをリダイレクトする視覚的に魅力的でクリック可能なアイコンを作成できるFlutterパッケージです。複数のプラットフォームでソーシャルメディアやナビゲーション目的のインタラクティブなアイコンを簡単に統合できます。軽量で使いやすく、最小限の設定で迅速に実装可能です。アイコンベースのジェスチャーを通じてシームレスな外部リンクアクセスが必要なアプリに最適です。

用途

ソーシャルメディアプロフィールリンク
アイコンによるアプリナビゲーション
外部サイトへのリダイレクト
インタラクティブUI要素
クイック共有ボタン

主な機能

URLリダイレクト付きのクリック可能なアイコン
クロスプラットフォーム対応
シンプルなAPI統合
カスタマイズ可能なアイコンの外観
組み込みジェスチャー処理

適している対象

モバイルおよびウェブアプリ開発者
ソーシャルメディア統合
UI中心のアプリケーション
初心者向けの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>

パッケージ、リポジトリ、アプリカテゴリを検索

パッケージをインストール

パッケージ概要

用途

主な機能

適している対象

注意事項

元の README

Redirect Icon

Installation

Example

Getting Error

カテゴリー

依存関係

ソースリポジトリ

リダイレクトアイコン

このパッケージを使用しているプロジェクト