iot-water-level-indicator | The IOT based water level indicator | iOS library
kandi X-RAY | iot-water-level-indicator Summary
Support
Quality
Security
License
Reuse
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample Here
iot-water-level-indicator Key Features
iot-water-level-indicator Examples and Code Snippets
Trending Discussions on Mobile
Trending Discussions on Mobile
QUESTION
so I'am trying to learn dart and flutter and everything went well so far. But now I'am stuck at an error which I cannot handle. I coded a function which is supposed to asynchronously return the actual BTC price from https://blockchain.info/ticker.
Only thing it returns is errors:
Error: Property 'body' cannot be accessed on 'Response?' because it is potentially null.
- 'Response' is from 'package:http/src/response.dart' ('/D:/flutter/.pub-cache/hosted/pub.dartlang.org/http-0.13.4/lib/src/response.dart').
Try accessing using ?. instead.
return Text("${BTCPrice.fromJson(jsonDecode(snapshot.data.body)).eur}");
^^^^
/D:/flutter/packages/flutter/lib/src/widgets/async.dart:242:12: Context: 'data' refers to a property so it couldn't be promoted.
See http://dart.dev/go/non-promo-property
final T? data;
^
My Code:
import 'dart:convert';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
Future fetchBTCPrice() async {
final response = await http.get(Uri.https('blockhain.info', 'ticker'));
return response;
}
Widget buildBTCPrice() {
return FutureBuilder(
future: fetchBTCPrice(),
builder: (context, snapshot) {
if (snapshot.hasData) {
int? statusCode = snapshot.data?.statusCode;
if (statusCode == 200) {
return Text("${BTCPrice.fromJson(jsonDecode(snapshot.data.body)).eur}");
}
return Text('$statusCode');
} else if (snapshot.hasError) {
return Text('${snapshot.error}');
}
return CircularProgressIndicator();
},
);
}
class BTCPrice {
final double eur;
BTCPrice({required this.eur});
factory BTCPrice.fromJson(Map json) {
print(json);
return BTCPrice(
eur: json['eur']['15m']
);
}
}
Last things to mention: I'am running the application on a Android Emulator powerd by Android Studio; and please feel free to hand over any advice you have (in terms of code improvement), even if it is not fixing my issue.
ANSWER
Answered 2022-Mar-29 at 00:29To get rid of that error you need to use the bang operator to tell the compiler that snapshot.data won't be null.
if (statusCode == 200) {
return Text(
"${BTCPrice.fromJson(jsonDecode(snapshot.data!.body)).eur}"); // adding ! on data
}
The unrelated error you mentioned in your comment:
unexpected character (at character 1) loading...
QUESTION
Im creating a simple "register" page with Ionic v5 and am very new to CSS and styling in general. I'm having trouble finding a way to prevent the keyboard from shifting my content up (see images)
My CSS:
.bottom-grid {
position: absolute;
left: 0;
right: 0;
width: 85%;
bottom: 10px;
}
.form-grid {
position: absolute;
left: 0;
right: 0;
width: 85%;
}
From searching a few posts here, I've tried changing position to fixed, and adding:
ion-grid {
min-height: 100%;
}
Without much luck. How can I keep this bottom grid at the bottom of the page? Thank you for any help!
ANSWER
Answered 2022-Mar-19 at 06:15My suggestion is to use ion-footer.
Register
...
...enter form inputs here
Already have an account?
Login
And on the Css file (just in case the fullscreen=true is not working):
.myMaxHeightClass {
height: calc(100vh-150px)
}
150px is the height of your footer.
This should make the content full screen and your footer will stay sticky at the bottom.
Avoid using absolute positioned footer buttons, as in my experience leads to a big mess.
Let me know if this works for you and if it doesn't, I will try to come up with a different approach
QUESTION
Very new to react native and javascript... I am trying to call a function and it doesn't seem to do anything.
Here is the fragment of code where the function is called:
//the function I want to call
{" testdumdum "}
//test to ensure nothing is wrong w function itself
and there is the function I want to call:
const renderButtons = () => {
return (
{" testsmartsmart "}
);
}
Only the container "testdumdum" appears, and I don't know why since the function does basically the same thing for now.
What should I do to fix this?
ANSWER
Answered 2022-Feb-24 at 16:20You need to start your component with a capital letter:
Note: Always start component names with a capital letter.
so change renderButtons to RenderButtons
QUESTION
What I'm trying to do is make a counter in Flutter which will be in this shape:
I'm fairly new regarding flutter and dart so I have tried to put this element inside of a Card but yeah I faced some issues due to overflow and it would be great if someone could give me a hint or point me to the right direction.
Here is my code for counter:
Card(child:Row(
children: [
IconButton(icon:Icon(Icons.remove),onPressed: ()=>setState(()=>_itemCount--)),
Text(_itemCount.toString()),
IconButton(icon:Icon(Icons.add),onPressed: ()=>setState(()=>_itemCount++))
],
),);
Any help would be great, thanks in advance :)
ANSWER
Answered 2022-Feb-09 at 20:19Create a container and add decoration to it. Then inside the container use a row widget. In row use Iconbutton and text .
Container(
padding : EdgeInsets.all(7),
decoration:BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: Colors.grey,
),
child: Row(
mainAxisSize: MainAxisSize.min,
children:[
IconButton(.....),
Text(......),
IconButton(......),
]
)
QUESTION
I'm building an app where I have a page which gives information about a specific trading card. I want the page to be scrollable, but I also want to have a grid on the page, with each grid cell showing one data point. I made the grid using GridView.count().
My problem is that instead of have a page which I can scroll through, the top half of the page stays static, while the grid is scrollable. How do I make the grid static, while the rest of the page scrollable? I intend to have more data below this grid as well, and I want to user to be able to scroll to see all of it, with the grid being a static component of the page.
Here's my code:
import 'package:flutter/material.dart';
import 'package:pokehub/size_config.dart';
import 'package:pokemon_tcg/pokemon_tcg.dart';
class CardInfo extends StatefulWidget {
PokemonCard card;
CardInfo({required this.card});
@override
_CardInfoState createState() => _CardInfoState();
}
class _CardInfoState extends State {
@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
backgroundColor: Colors.grey[900],
appBar: AppBar(
title: Text(
"Card Profile",
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 3),
),
backgroundColor: Colors.red,
elevation: 0.0,
),
body: Align(
alignment: Alignment.center,
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
SizedBox(
height: SizeConfig.blockSizeVertical * 3,
),
Text(
"Set: " +
widget.card.set.name +
" // Number: " +
widget.card.number,
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 2),
),
SizedBox(
height: SizeConfig.blockSizeVertical * 3,
),
Hero(
tag: 'card' + widget.card.id,
child: Image.network(
widget.card.images.large,
height: SizeConfig.blockSizeVertical * 30,
),
),
SizedBox(
height: SizeConfig.blockSizeVertical * 2,
),
Text(
widget.card.name,
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 5,
),
),
SizedBox(
height: SizeConfig.blockSizeVertical * 2,
),
Expanded(
child: GridView.count(
mainAxisSpacing: SizeConfig.blockSizeVertical * 4,
crossAxisSpacing: SizeConfig.blockSizeHorizontal * 4,
crossAxisCount: 3,
children: [
Container(
padding: EdgeInsets.symmetric(
vertical: SizeConfig.blockSizeVertical * 2,
horizontal: SizeConfig.blockSizeHorizontal * 2),
decoration: BoxDecoration(
border: Border.all(
color: Colors.white,
),
borderRadius: BorderRadius.all(Radius.circular(20)),
),
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
"Subtypes",
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 3,
fontWeight: FontWeight.bold),
),
Text(
widget.card.subtypes
.map((e) => e.type)
.join(", "),
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 2,
),
)
],
),
),
),
Container(
padding: EdgeInsets.symmetric(
vertical: SizeConfig.blockSizeVertical * 2,
horizontal: SizeConfig.blockSizeHorizontal * 2),
decoration: BoxDecoration(
border: Border.all(
color: Colors.white,
),
borderRadius: BorderRadius.all(Radius.circular(20)),
),
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
"HP",
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 3,
fontWeight: FontWeight.bold),
),
Text(
widget.card.hp!,
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 2,
),
)
],
),
),
),
Container(
padding: EdgeInsets.symmetric(
vertical: SizeConfig.blockSizeVertical * 2,
horizontal: SizeConfig.blockSizeHorizontal * 2),
decoration: BoxDecoration(
border: Border.all(
color: Colors.white,
),
borderRadius: BorderRadius.all(Radius.circular(20)),
),
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
"Type",
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 3,
fontWeight: FontWeight.bold),
),
Text(
widget.card.types.map((e) => e.type).join(", "),
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 2,
),
)
],
),
),
),
Container(
padding: EdgeInsets.symmetric(
vertical: SizeConfig.blockSizeVertical * 2,
horizontal: SizeConfig.blockSizeHorizontal * 2),
decoration: BoxDecoration(
border: Border.all(
color: Colors.white,
),
borderRadius: BorderRadius.all(Radius.circular(20)),
),
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
"Weakness",
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 3,
fontWeight: FontWeight.bold),
),
Text(
widget.card.weaknesses
.map((e) => e.type + e.value)
.join(", "),
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 2,
),
)
],
),
),
),
Container(
padding: EdgeInsets.symmetric(
vertical: SizeConfig.blockSizeVertical * 2,
horizontal: SizeConfig.blockSizeHorizontal * 2),
decoration: BoxDecoration(
border: Border.all(
color: Colors.white,
),
borderRadius: BorderRadius.all(Radius.circular(20)),
),
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
"Resistance",
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 3,
fontWeight: FontWeight.bold),
),
Text(
widget.card.resistances
.map((e) =>
e.type == "" ? "None" : e.type + e.value)
.join(", "),
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 2,
),
)
],
),
),
),
Container(
padding: EdgeInsets.symmetric(
vertical: SizeConfig.blockSizeVertical * 2,
horizontal: SizeConfig.blockSizeHorizontal * 2),
decoration: BoxDecoration(
border: Border.all(
color: Colors.white,
),
borderRadius: BorderRadius.all(Radius.circular(20)),
),
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
"Retreat Cost",
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 3,
fontWeight: FontWeight.bold),
),
Text(
widget.card.convertedRetreatCost.toString(),
style: TextStyle(
color: Colors.white,
fontFamily: 'Blinker',
fontSize: SizeConfig.blockSizeVertical * 2,
),
)
],
),
),
),
],
),
),
],
),
),
),
);
}
}
[enter image description here][1]
ANSWER
Answered 2022-Feb-06 at 09:47You can provide physics: NeverScrollableScrollPhysics() on GridView to disable scroll effect. If you want scrollable as secondary widget use primary: false,
To have Full Page scrollable, you can use body:SingleChildScrollView(..) or better using body:CustomScrollView(..)
QUESTION
I am posting this question to help future readers. After upgrading to Flutter 2.8 I suddenly got this error when trying to run my app:
Flutter: A value of type 'ListTileThemeData' can't be assigned to a variable of type 'ListTileTheme'.
How did I fix this?
ANSWER
Answered 2021-Dec-26 at 14:20Turns out this error was caused by a popular library I used (settings_ui) that does not work with this version of Flutter (settings_ui: ^1.0.0).
For future readers: Use a later version of this package. There is currently an open issue on github that addresses this.
Update 2022: Dev on settings_ui seems to have gone AWOL and no longer merging PR's the community has forked this project to: https://pub.dev/packages/flutter_settings_ui and here updates are properly merged and a fix has been released in version 1.0.1
For people facing this issue now:
As a monkey patch you can follow the steps in the GitHub issue and edit the package files locally:
In cupertino_settings_item.dart change final ListTileTheme tileTheme = ListTileTheme.of(context); to final tileTheme = ListTileTheme.of(context);
And change _iconColor(ThemeData theme, ListTileTheme tileTheme) to _iconColor(ThemeData theme, ListTileThemeData tileTheme).
QUESTION
I use this code to scroll:
WidgetsBinding.instance?.addPostFrameCallback((_) => _scrollToEnd());
_scrollToEnd() method is:
_scrollController.animateTo(
_scrollController.position.maxScrollExtent,
duration: const Duration(
milliseconds: 200,
),
curve: Curves.easeInOut,
);
Imagine this as a normal chat screen. It scrolls to the bare bottom if the messages are in 1 line. But as soon as a message gets to 2+ lines it struggles to scroll to the bare bottom. The more rows of a message the less it scrolls to the bottom.
This is how it looks like when i enter the chat:
But if i scroll down further this is the bottom of the chat:
I noticed there's also a case when:
- I enter the chat.
- It scrolls down like on the first image.
- If i tap anywhere on the screen, it continues to scroll to the bare bottom of the listview like on the second image.
Why does this happen and how do i fix this?
ANSWER
Answered 2021-Oct-26 at 05:16what i did, use a listView and reverse true and in children use the list of map.reversed, i am giving you my code example below.
ListView(
reverse: true,
children: controller.listMessageData.reversed
.map((e) => Container(child: Text(e.title));
QUESTION
I am fairly new to the Firemonkey framework after working with VCL for many years so hopefully this question is not too simple.
I am listing Dynamic Listview Items which I update from a database. I have created the position/layout of the text within the Listview Item using design mode . My question is when I change screen orientation from portrait to landscape do I have to manually change the 'X' position of the text items located within my listview and their width so that the full landscape width of the screen is utilized? There appears to be no anchors for dynamically created Listview items. (The text items just have their generic names for the time being.)
I have a pic below of what I am trying to describe. First pic shows deign mode in portrait and second in landscape.
Any suggestions greatly appreciated.
ANSWER
Answered 2021-Dec-22 at 23:30The Accessory, Detail and Text items have an Align property that can take values Center, Leading or Trailing. They are recalculated and adjust their position with changes in the screen orientation.
Additionally some items have a separate property, TextAlign, which sets the position for a text within the space of the Align result.
QUESTION
I used this flutter package to implement a color picker in my app. My Widget looks something like this:
ColorPicker(
pickerColor: model.color,
onColorChanged: (color) {
...
},
showLabel: false,
pickerAreaHeightPercent: 0.4,
)
This works fine and looks like this in the UI:
Now I wondered how I could implement a classical circular color picker. I did not find an example in the official documentation but there is a screenshot in the package description that shows just this:
Does anyone know how to implement this using the same package or can hint me to an example.
ANSWER
Answered 2021-Dec-19 at 00:02please check out this and you need to palette type as paletteType: PaletteType.hueWheel,. use the same package as used.
import 'package:flutter/material.dart';
import 'package:flutter_colorpicker/flutter_colorpicker.dart';
void main() => runApp(const MaterialApp(home: MyApp()));
class MyApp extends StatefulWidget {
const MyApp({Key key}) : super(key: key);
@override
State createState() => _MyAppState();
}
class _MyAppState extends State {
bool lightTheme = true;
Color currentColor = Colors.amber;
List currentColors = [Colors.yellow, Colors.green];
List colorHistory = [];
void changeColor(Color color) => setState(() => currentColor = color);
void changeColors(List colors) => setState(() => currentColors = colors);
@override
Widget build(BuildContext context) {
final foregroundColor = useWhiteForeground(currentColor) ? Colors.white : Colors.black;
return AnimatedTheme(
data: lightTheme ? ThemeData.light() : ThemeData.dark(),
child: Builder(builder: (context) {
return Scaffold(
appBar: AppBar(
title: const Text('Flutter Color Picker Example'),
backgroundColor: currentColor,
foregroundColor: foregroundColor,
),
body: Container(
child: InkWell(
onTap: (){
showColorPicker();
},
child: Center(child: Text("Color Picker")),
),
),
);
}),
);
}
void showColorPicker() {
showDialog(context: context, builder: (BuildContext context){
return AlertDialog(
title: Text("Pick a color"),
content: SingleChildScrollView(
child: ColorPicker(
pickerColor: Color(0xff443a49),
paletteType: PaletteType.hueWheel,
),
),
);
});
}
}
QUESTION
I have a mobile application developed using Ionic. Now I want to redevelop it in flutter and publish a new update, would that be possible? will google play and AppStore allow that?
ANSWER
Answered 2021-Dec-17 at 19:07There is no constraint on development language. But,
- You need to use same certificates/keys for iOS App
- You need to use same key-store/keys for Android App
- If you are using local database or file storage, then you should follow the same path in your newly created app as well. If you are using any third-party library to manage the db or file paths, then it may be in different location altogether. (This one actually happened to me. When I migrated my app from a cross-platform framework to Native the database path got changed in release version)
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install iot-water-level-indicator
Support
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesExplore Kits - Develop, implement, customize Projects, Custom Functions and Applications with kandi kits
Save this library and start creating your kit
Share this Page
Reuse iOS Kits
Reuse Mobile Kits
