Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
redirect_icon cover
Package detailsv0.1.1

redirect_icon

A flutter Package that helps in building beautiful clickable icons which redirects to a Url.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
13
Likes
34
Pub points
140

Install package

flutter pub add redirect_icon

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package that enables developers to create visually appealing, clickable icons that redirect users to a specified URL. It simplifies the integration of interactive icons for social media or navigation purposes across multiple platforms. The package is lightweight and designed for ease of use, allowing quick implementation with minimal configuration. Ideal for apps requiring seamless external link access through icon-based gestures.

Use cases

  • Social media profile links
  • App navigation via icons
  • External website redirection
  • Interactive UI elements
  • Quick share buttons

Key features

  • Clickable icons with URL redirection
  • Cross-platform support
  • Simple API integration
  • Customizable icon appearance
  • Built-in gesture handling

Suitable for

  • Mobile and web app developers
  • Social media integrations
  • UI-focused applications
  • Beginner-level Flutter projects
  • Apps needing external link functionality

Considerations

  • Requires internet connection for URL access
  • Limited to basic redirect behavior
  • No built-in analytics tracking
  • Icon styling requires manual customization
  • Depends on external URL availability

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

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>

Categories

Social Media

Dependencies

Dependency list 2 items

Source repository

Projects using this package

No data available yet.