Change Check Mark Color Checkbox
Complete Code For Change Check Mark Color Checkbox In Flutter
main.dart
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
final String title;
MyHomePage({this.title});
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage>{
bool _isChecked = true;
List<Color> _colors = [
Colors.orange[200],
Colors.pink[100],
Colors.teal[100],
Colors.red[300],
Colors.yellow[700]
];
int _currentIndex = 0;
_onChanged() {
int _colorCount = _colors.length;
setState(() {
if (_currentIndex == _colorCount - 1) {
_currentIndex = 0;
} else {
_currentIndex += 1;
}
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.black,
appBar: AppBar(
title: Text("Change Check Mark Color Checkbox"),
),
body: Column(
children: <Widget>[
Expanded(
child: Center(
child: Row(
children: <Widget>[
Checkbox(
value: _isChecked,
activeColor: Colors.amber,
checkColor: _colors[_currentIndex],
onChanged: (bool val) => setState(() => _isChecked = val),
),
SizedBox(width: 12.0),
Text("Checkbox Text"),
],
),
),
),
Expanded(
child: Center(
child: RaisedButton(
onPressed: _onChanged,
child: Text("Change Color"),
color: Colors.amber,
textColor: Colors.white,
),
),
),
],
),
);
}
}