asset_widget 1.0.0

asset_widget: ^1.0.0 copied to clipboard

example/lib/main.dart

import 'package:asset_widget/asset.dart';
import 'package:example/item.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Asset Package Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Asset Package Demo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(widget.title),
      ),
      body: ListView(
        padding: EdgeInsets.all(20),
        children: <Widget>[
          Item(
            label: 'Material Icons',
            code: "Asset(Icons.person)",
            child: Asset(Icons.person),
          ),
          Item(
            label: 'Cupertino Icons',
            code: "Asset(CupertinoIcons.person)",
            child: Asset(CupertinoIcons.person),
          ),
          Item(
            label: 'Asset Svg',
            code: "Asset('assets/svg_icon.svg')",
            child: Asset('assets/svg_icon.svg'),
          ),
          Item(
            label: 'Asset Image',
            code: "Asset('assets/image.jpg')",
            child: Asset('assets/image.jpg'),
          ),
          Item(
            label: 'Network Image',
            code: "Asset('https://picsum.photos/seed/picsum/600/300')",
            child: Asset('https://picsum.photos/seed/picsum/600/300'),
          ),
          Item(
            label: 'Asset Gif',
            code: "Asset('assets/giphy.gif')",
            child: Asset('assets/giphy.gif'),
          ),
          Item(
            label: 'Network Gif',
            code: "Asset('https://yourwebsite.com/image.gif')",
            child: Asset(
              'https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExbTF0MWo0d2NtYTVqbXZ4aWpwbmU4amRlYTFkaTEwa3Z6cmZnYzRzayZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/2IudUHdI075HL02Pkk/giphy.gif',
            ),
          ),
          Item(
            label: 'Asset Lottie',
            code: "Asset('assets/hearts.json')",
            child: Asset(
              'assets/hearts.json',
              height: 100,
            ),
          ),
        ],
      ),
    );
  }
}