Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 3 years ago.
Improve this question
I was able to make a play button but I could not able to make it responsive. If you can please tell me the code it would be helpful. Also I need to understand it as I am a beginner flutter user.
I think you should first learn about stateful widgets and basic flutter components first.
Introduction to widgets : https://flutter.dev/docs/development/ui/widgets-intro
Flutter Basic Widgets : https://flutter.dev/docs/development/ui/widgets
You can start from below code :
import 'package:flutter/material.dart';
class MusicPlayer extends StatefulWidget {
#override
_MusicPlayerState createState() => _MusicPlayerState();
}
class _MusicPlayerState extends State<MusicPlayer> {
var isPlaying = false;
#override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Music Player"),
),
body: Center(
child: IconButton(
icon: isPlaying
? Icon(
Icons.pause_circle_outline,
size: 40.0,
)
: Icon(Icons.play_circle_outline, size: 40.0),
onPressed: () {
setState(() {
isPlaying = !isPlaying;
});
}),
),
);
}
}
This will help you get started for your project.
Related
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 1 year ago.
Improve this question
class _PageOne extends State<Page> {
bool notifications = false;
#override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
drawer: Drawer(),
body: Container(
child: Column(
children: [
SwitchListTile(
title: Text("Allow Notifications"),
secondary: Icon(Icons.notifications_active),
value: notifications,
onChanged: (val) {
notifications = val;
print(notifications);
})
],
),
));
}
}
onChanged: (bool val) {
setState(() {
notifications = val;
print(notifications);
});
},
As mentioned in the comments by esentis you need setState(){} so that the widget will rebuild itself when a change happens.
Assign notification to value inside the body of setState meanwhile call setState I hope you understand
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 1 year ago.
Improve this question
How can create fully custom widgets using dart programming for flutter
without using any packages
You can create custom widgets like this-
class CustomWidget extends StatefulWidget {
String? selectedOption;
CustomWidget({ this.selectedOption});
#override
_CustomWidgetState createState() => _CustomWidgetState();
}
class _CustomWidgetState extends State<CustomWidget> {
String? _dropDownValue;
TextEditingController t1Controller = TextEditingController();
#override
Widget build(BuildContext context) {
double _width = MediaQuery.of(context).size.width;
return Material(
color: Colors.white,
borderRadius: BorderRadius.circular(10.0),
child: Container(
width: _width,
height: 50,
child: Widget// Add here your widgets
),
);
}
}
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 1 year ago.
Improve this question
How can I declare the selectedGender variable? I'm having an initialize error.
The variable is inside a StatefullWidget.
enum Gendertype {male, female}
class _MyHomePageState extends State<MyHomePage> {
Gendertype selectedGender;
#override
Widget build(BuildContext context) {
return Column(
child: Expanded(
child: GestureDetector(
onTap: (){
setState(() {
selectedGender= Gendertype.male;
});
},
child: ReusedCard(
labledcolor: selectedGender==Gendertype.male?
inactivekcardcolor:activekcardcolor,
childCard: CardIcon(genderIcon: FontAwesomeIcons.mars,
labletype: "Male",
),
),
)
),
);
}
According to the null safety rules, you have these options:
Declare selectedGenderas a nullable variable:
Gendertype? selectedGender;
Define a first value to the variable:
Gendertype selectedGender = Gendertype.male
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 1 year ago.
Improve this question
I am trying to show data like this:
Burger..........................$9.99
Steak and Potato...............$14.99
Mac and Cheese..................$6.99
How can I implement it in Flutter?
as an option
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
#override
Widget build(BuildContext context) => MaterialApp(home: Home());
}
class Home extends StatelessWidget {
#override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: Row(
children: [
Text('Burger'),
Expanded(child: Text('.' * 100, maxLines: 1)),
Text('\$9.99'),
],
),
);
}
}
I personally use fDottedLine package https://pub.dev/packages/fdottedline to draw a dotted line in any form.
: Row(
children: [
Text('Burger'),
FDottedLine(
color: Colors.black,
width: 160.0,
strokeWidth: 2.0,
dottedLength: 10.0,
space: 2.0,
),
Text('\$9.99'),
],
),
You have to give the dynamic widgth using MediaQuery
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
I’m trying to develop an app using flutter , I want to have all apps usage on the mobile , I have been searching for some packages for this purpose I didn’t find something for this specific purpose.
You can copy paste run full code below
You can use package https://pub.dev/packages/usage_stats
In working demo you can see package and event timestamp history, then you can do summary
Step 1: AndroidManifest.xml, add xmlns:tools and android.permission.PACKAGE_USAGE_STATS
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="your package name" xmlns:tools="http://schemas.android.com/tools">
<uses-permission
android:name="android.permission.PACKAGE_USAGE_STATS"
tools:ignore="ProtectedPermissions" />
Step 2: Permit usage access, see working demo picture at left
working demo
full code
import 'package:flutter/material.dart';
import 'dart:async';
import 'package:usage_stats/usage_stats.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatefulWidget {
#override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
List<EventUsageInfo> events = [];
#override
void initState() {
super.initState();
WidgetsBinding.instance.addPostFrameCallback((_) {
initUsage();
});
}
Future<void> initUsage() async {
UsageStats.grantUsagePermission();
DateTime endDate = new DateTime.now();
DateTime startDate = DateTime(2020, 1, 1, 0, 0, 0);
List<EventUsageInfo> queryEvents =
await UsageStats.queryEvents(startDate, endDate);
this.setState(() {
events = queryEvents.reversed.toList();
});
}
#override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text("Usage Stats"),
),
body: Container(
child: ListView.separated(
itemBuilder: (context, index) {
return ListTile(
title: Text(events[index].packageName),
subtitle: Text(
"Last time used: ${DateTime.fromMillisecondsSinceEpoch(int.parse(events[index].timeStamp)).toIso8601String()}"),
trailing: Text(events[index].eventType),
);
},
separatorBuilder: (context, index) => Divider(),
itemCount: events.length)),
floatingActionButton: FloatingActionButton(
onPressed: () {
initUsage();
},
child: Icon(
Icons.refresh,
),
mini: true,
),
),
);
}
}