image_ink_well 0.1.0
image_ink_well: ^0.1.0 copied to clipboard

Flutter Android iOS web

Image InkWell Flutter plugin. This provides rectangle, rounded rectangle, circle type InkWell.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:image_ink_well/image_ink_well.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
          appBar: AppBar(
            title: const Text('ImageInkWell'),
          ),
          body: Center(
            child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  ImageInkWell(
                    onPressed: () {
                      print('onPressed');
                    },
                    width: 300,
                    height: 180,
                    image: NetworkImage(
                        'https://images.unsplash.com/photo-1547651196-4bd31258de69?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60'),
                    splashColor: Color(0x32ff0000),
                  ),
                  SizedBox(
                    height: 20,
                  ),
                  RoundedRectangleImageInkWell(
                    onPressed: () {
                      print('onPressed');
                    },
                    width: 300,
                    height: 150,
                    borderRadius: BorderRadius.only(
                        topLeft: const Radius.circular(20),
                        topRight: const Radius.circular(20),
                        bottomLeft: const Radius.circular(20)),
                    image: NetworkImage(
                        'https://images.unsplash.com/photo-1547332184-070705bccbd3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60'),
                  ),
                  SizedBox(
                    height: 20,
                  ),
                  CircleImageInkWell(
                    onPressed: () {
                      print('onPressed');
                    },
                    size: 200,
                    image: NetworkImage(
                        'https://images.unsplash.com/photo-1547651619-238e04d07889?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60'),
                    splashColor: Colors.white24,
                  )
                ]),
          )),
    );
  }
}
13
likes
100
pub points
82%
popularity

Image InkWell Flutter plugin. This provides rectangle, rounded rectangle, circle type InkWell.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

acadia3000@gmail.com

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on image_ink_well