Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR DART

flutter widget textbutton widget

// Basic
TextButton(
  child: const Text('Submit'),
  onPressed: () {},
),


// Icon & Text()
TextButton.icon(
  icon: const Icon(Icons.shopping_cart),
  label: const Text('Shopping Cart'),
  onPressed: () {},
),


// Specific style to 
TextButton.icon(
  icon: const Icon(Icons.shopping_cart),
  label: const Text('Shopping Cart'),
  style: TextButton.styleFrom(
    primary: Colors.white,
    backgroundColor: Colors.purple,
    side: const BorderSide(color: Colors.orange, width: 2),
    shape: BeveledRectangleBorder(
        borderRadius: BorderRadius.circular(5)),
    shadowColor: Colors.pink,
    elevation: 10,
  ),
  onPressed: () {},
),


// Global:: In ThemeData()
 @override
  Widget build(BuildContext context) {
    return MaterialApp(
  debugShowCheckedModeBanner: false,
  title: _title,
  theme: ThemeData(
    primarySwatch: Colors.purple,
    textButtonTheme: TextButtonThemeData(
      style: TextButton.styleFrom(
        primary: Colors.white,
        backgroundColor: Colors.purple,
        side: const BorderSide(color: Colors.orange, width: 2),
        shape:
            BeveledRectangleBorder(borderRadius: BorderRadius.circular(5)),
        shadowColor: Colors.pink,
        elevation: 10,
      ),
    ),
  ),
  home: Scaffold(
    appBar: AppBar(),
    body: Column()
Source by docs.flutter.dev #
 
PREVIOUS NEXT
Tagged: #flutter #widget #textbutton #widget
ADD COMMENT
Topic
Name
3+9 =