redirect_icon

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

개발자가 지정된 URL로 사용자를 리디렉션하는 시각적으로 매력적이고 클릭 가능한 아이콘을 만들 수 있도록 해주는 플러터 패키지입니다. 다양한 플랫폼에서 소셜 미디어 또는 탐색 목적의 인터랙티브한 아이콘 통합을 간소화합니다. 가볍고 사용이 쉬우며 최소한의 구성으로 빠르게 구현할 수 있습니다. 아이콘 기반 제스처를 통해 외부 링크에 원활하게 접근해야 하는 앱에 적합합니다.

사용 사례

소셜 미디어 프로필 링크
아이콘을 통한 앱 탐색
외부 웹사이트 리디렉션
인터랙티브 UI 요소
빠른 공유 버튼

주요 기능

URL 리디렉션을 가진 클릭 가능한 아이콘
크로스 플랫폼 지원
간단한 API 통합
사용자 정의 가능한 아이콘 모양
내장된 제스처 처리

적합한 대상

모바일 및 웹 앱 개발자
소셜 미디어 통합
사용자 인터페이스 중심 애플리케이션
초보 수준의 플러터 프로젝트
외부 링크 기능이 필요한 앱

고려 사항

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>

패키지, 저장소 및 앱 카테고리 검색

패키지 설치