Here's my code:
import 'package:flutter/material.dart';
void main() {
runApp(
MaterialApp(
home: Scaffold(
backgroundColor: Colors.blueGrey,
appBar: AppBar(
title: Text('I AM RICH'),
backgroundColor: Colors.blueGrey[900],
),
body: Center(
child: Image(
image: AssetImage('images/diamond.png'),
),
),
),
),
);
}
THIS IS THE EXCEPTION I AM GETTING.
My pubspec.yaml file follows proper indentation.
======= Exception caught by image resource service ================================================
The following assertion was thrown resolving an image codec:
Unable to load asset: images/diamond.png
When the exception was thrown, this was the stack:
#0 PlatformAssetBundle.load (package:flutter/src/services/asset_bundle.dart:224:7)
<asynchronous suspension>
#1 AssetBundleImageProvider._loadAsync (package:flutter/src/painting/image_provider.dart:672:14)
<asynchronous suspension>
Image provider: AssetImage(bundle: null, name: "images/diamond.png")
Image key: AssetBundleImageKey(bundle: PlatformAssetBundle#a2375(), name: "images/diamond.png", scale: 1.0)
====================================================================================================
I assume that your image is under the assets folder. So, you need to call image like this:
AssetImage('assets/images/diamond.png')
And be sure that you wrote this correctly in your pubspec.yaml:
assets:
- assets/images/
make changes in your pubspec.yaml file
add this line to import all the files present in images folder
assets:
- images/
for showing image you can use any one of the code shown below
Image(image: AssetImage('images/diamond.png')),
or
Image.asset('images/diamond.png'),
Add asset path in pubspec.yaml as
assets:
- images/diamond.png
or you can also add parent folder path
assets:
- images/
Here's my pubspec.yaml file:
name: i_am_rich
description: Show off your wealth.
publish_to: 'none' # Remove this line if you wish to publish to pub.dev
version: 1.0.0+1
environment:
sdk: ">=2.12.0 <3.0.0"
dependencies:
flutter:
sdk: flutter
cupertino_icons: ^1.0.2
dev_dependencies:
flutter_test:
sdk: flutter
flutter:
uses-material-design: true
assets:
- images\
Ultimately the problem is with typing mistake, "images" should be "images/"
Interesting how pub get executes with an exit code of 0 even after typing error.
Related
Very simple app, the image is in project/images folder.
When I try to load it from the relative path:
'images/diamond.png'
the image doesn't load.
When I do it from the absolute path: '/Users/MacBookAir/StudioProjects/secondtry_iamrich/images/diamond.png'
it does.
Why is this? Can anyone please help?
import 'package:flutter/material.dart';
void main() {
runApp(
MaterialApp(
home: Scaffold(
backgroundColor: Colors.blueGrey,
appBar: AppBar(
title: const Text('I am Rich'),
backgroundColor: Colors.blueGrey[900],
),
body: const Center(
child: Image(
image: AssetImage('images/diamond.png'),
),
),
),
),
);
}
This is the error it is providing:
======= Exception caught by image resource service ================================================
The following assertion was thrown resolving an image codec:
Unable to load asset: images/diamond.png
When the exception was thrown, this was the stack:
#0 PlatformAssetBundle.load (package:flutter/src/services/asset_bundle.dart:237:7)
<asynchronous suspension>
#1 AssetBundleImageProvider._loadAsync (package:flutter/src/painting/image_provider.dart:658:14)
<asynchronous suspension>
Image provider: AssetImage(bundle: null, name: "images/diamond.png")
Image key: AssetBundleImageKey(bundle: PlatformAssetBundle#99cb5(), name: "images/diamond.png", scale: 1.0)
====================================================================================================
Do not forgot to add image folder path to your pubspec.ymal folder like
assets:
- assets/images/
- assets/images/icons/
- assets/loader.json
Use this plugin in your android studio it will auto generate your all assets no need to write path.
Use it like this
Image.asset(Assets.imagesNoDataFound, scale: 3.5)
Uncomment and change the asset section in your pubspect.yaml file can fix it.
assets:
- images/
i got a issue that i try understand how i can fix this
i get this error message about the Unhandled Exception: PlatformException(channel-error, Unable to establish connection on channel., null, null)
i have try look into but i have no idea why or how it hapending the full message within the post
i try understand what the origin this happened i try clean the build folder via flutter clean this happend
i try run build runner it may missing something nope i got no idea what seem to be the issue here
[GETX] REPLACE ROUTE /splash
[GETX] NEW ROUTE /login
I/flutter (17459): ┌───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
I/flutter (17459): │ #0 LoggerService.info
package:demo_ecom/…/utils/logger_service.dart:19
I/flutter (17459): │ #1 _LoginScreenState.initState
package:demo_ecom/…/login/login_screen.dart:32
I/flutter (17459): ├┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄
I/flutter (17459): │ 💡 Load Login Screen
I/flutter (17459): └───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
E/flutter (17459): [ERROR:flutter/lib/ui/ui_dart_state.cc(186)] Unhandled Exception: PlatformException(channel-error, Unable to establish connection on channel., null, null)
E/flutter (17459): #0 VideoPlayerApi.initialize
package:video_player_platform_interface/messages.dart:156
E/flutter (17459): <asynchronous suspension>
E/flutter (17459):
E/flutter (17459): [ERROR:flutter/lib/ui/ui_dart_state.cc(186)] Unhandled Exception: PlatformException(channel-error, Unable to establish connection on channel., null, null)
E/flutter (17459): #0 VideoPlayerApi.create
package:video_player_platform_interface/messages.dart:181
E/flutter (17459): <asynchronous suspension>
E/flutter (17459): #1 MethodChannelVideoPlayer.create
package:video_player_platform_interface/method_channel_video_player.dart:47
E/flutter (17459): <asynchronous suspension>
E/flutter (17459): #2 VideoPlayerController.initialize
package:video_player/video_player.dart:308
E/flutter (17459): <asynchronous suspension>
E/flutter (17459):
Lost connection to device.
the file that play this vid as follow
import 'dart:async';
import 'package:demo_ecom/common/utils/logger_service.dart';
import 'package:demo_ecom/widgets/login/login_buttons.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:video_player/video_player.dart';
import 'package:demo_ecom/generated/l10n.dart';
import 'login_form.dart';
class LoginScreen extends StatefulWidget {
const LoginScreen({Key key}) : super(key: key);
#override
_LoginScreenState createState() => _LoginScreenState();
}
class _LoginScreenState extends State<LoginScreen> {
final _formKey = GlobalKey<FormState>();
VideoPlayerController _controller;
bool _visible = false;
#override
void initState() {
super.initState();
SystemChrome.setPreferredOrientations([
DeviceOrientation.portraitUp,
DeviceOrientation.portraitDown,
]);
LoggerService().info('Load Login Screen');
_controller = VideoPlayerController.asset('assets/media/login-vid.mp4');
_controller.initialize().then((_) {
_controller.setLooping(true);
Timer(const Duration(milliseconds: 100), () {
setState(() {
_controller.play();
_visible = true;
});
});
});
}
#override
void dispose() {
super.dispose();
if (_controller != null) {
_controller.dispose();
_controller = null;
}
}
Widget _getVideoBackground() {
return AnimatedOpacity(
opacity: _visible ? 1.0 : 0.0,
duration: const Duration(milliseconds: 1000),
child: VideoPlayer(_controller),
);
}
Widget _getBackgroundColor() {
return Container(
color: Colors.black.withAlpha(120),
);
}
Widget _getContent(BuildContext context) {
final splogen_1 = S.of(context).login_slogen;
final splogen_2 = S.of(context).login_slogen2;
return Form(
key: _formKey,
child: ListView(
shrinkWrap: true,
padding: EdgeInsets.all(15.0),
children: <Widget>[
const SizedBox(
height: 40.0,
),
const Image(
image: AssetImage('assets/media/logo.jpg'),
width: 150.0,
),
Text(
splogen_1,
style: TextStyle(color: Colors.white, fontSize: 40),
textAlign: TextAlign.center,
),
Container(
margin: const EdgeInsets.only(left: 30.0, right: 30.0, top: 40.0),
alignment: Alignment.center,
child: Text(
splogen_2,
textAlign: TextAlign.center,
style: TextStyle(color: Colors.white, fontSize: 20),
),
),
LoginForm(),
LoginButtons()
],
),
);
}
#override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
body: Center(
child: Stack(
children: <Widget>[
_getVideoBackground(),
_getBackgroundColor(),
_getContent(context),
],
),
),
),
);
}
}
the pubspec as follow
name: demo_ecom
description: Demo Ecom App
# The following line prevents the package from being accidentally published to
# pub.dev using `pub publish`. This is preferred for private packages.
publish_to: 'none' # Remove this line if you wish to publish to pub.dev
# The following defines the version and build number for your application.
# A version number is three numbers separated by dots, like 1.2.43
# followed by an optional build number separated by a +.
# Both the version and the builder number may be overridden in flutter
# build by specifying --build-name and --build-number, respectively.
# In Android, build-name is used as versionName while build-number used as versionCode.
# Read more about Android versioning at https://developer.android.com/studio/publish/versioning
# In iOS, build-name is used as CFBundleShortVersionString while build-number used as CFBundleVersion.
# Read more about iOS versioning at
# https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
version: 1.0.0+2
environment:
sdk: ">=2.7.0 <3.0.0"
dependencies:
flutter:
sdk: flutter
flutter_localizations:
sdk: flutter
# Service locator
provider: ^5.0.0
# Connectivity
data_connection_checker: ^0.3.4
# Logging
logger: ^1.0.0
# Json
json_annotation: ^4.0.1
# firebase
firebase_core: ^0.7.0
firebase_remote_config: "^0.6.0"
firebase_auth: "^0.20.1"
firebase_crashlytics: ^0.4.0+1
#auth social
google_sign_in: "^4.5.1"
flutter_facebook_auth: "^1.0.0"
# localization
intl: ^0.17.0
# ui tools
flutter_password_strength: ^0.1.6
flutter_signin_button: ^1.1.0
animations: ^2.0.0
pull_to_refresh: ^1.6.4
get: ^3.26.0
flutter_easyloading: ^3.0.0
responsive_framework: ^0.1.0
animated_text_kit: ^4.1.0
flutter_spinkit: "^5.0.0"
convex_bottom_bar: ^3.0.0
introduction_screen: ^2.0.0
flash: ^1.5.1
material_floating_search_bar: ^0.3.3
video_player: ^2.0.0
chewie: ^1.0.0
# ui icons
cupertino_icons: ^1.0.2
font_awesome_flutter: ^9.0.0
flutter_icons: ^1.1.0
# misc tools
validators: ^2.0.1
dio: ^3.0.10
pretty_dio_logger: ^1.1.1
jiffy: ^4.0.0
equatable: ^2.0.0
meta: ^1.3.0
stack_trace: ^1.10.0
shared_preferences: ^2.0.5
async: ^2.5.0
# override requirement that conflict will rise if removed
dependency_overrides:
analyzer: ^1.3.0
yaml: ^3.1.0
intl: ^0.17.0
dart_style: ^2.0.0
args: ^2.0.0
glob: ^2.0.0
source_gen: ^1.0.0
logging: ^1.0.1
convert: ^3.0.0
crypto: ^3.0.0
vin_decoder: ^0.1.3
json_annotation: ^4.0.1
font_awesome_flutter: ^9.0.0
dev_dependencies:
# add build runner if not already added
build_runner: ^1.12.2
flutter_test:
sdk: flutter
# Linting
lint: ^1.5.3
# Json
json_serializable: ^4.1.0
# misc tools
mockito: ^5.0.2
flutter_launcher_icons: ^0.9.0
environment_config: ^2.2.5
flutter_rename_app: ^1.0.0
# For information on the generic Dart part of this file, see the
# following page: https://dart.dev/tools/pub/pubspec
# The following section is specific to Flutter.
flutter:
# The following line ensures that the Material Icons font is
# included with your application, so that you can use the icons in
# the material Icons class.
uses-material-design: true
assets:
- assets/fonts/
- assets/media/
- assets/icons/
# An image asset can refer to one or more resolution-specific "variants", see
# https://flutter.dev/assets-and-images/#resolution-aware.
# For details regarding adding assets from package dependencies, see
# https://flutter.dev/assets-and-images/#from-packages
# To add custom fonts to your application, add a fonts section here,
# in this "flutter" section. Each entry in this list should have a
# "family" key with the font family name, and a "fonts" key with a
# list giving the asset and other descriptors for the font. For
# example:
# fonts:
# - family: Schyler
# fonts:
# - asset: fonts/Schyler-Regular.ttf
# - asset: fonts/Schyler-Italic.ttf
# style: italic
# - family: Trajan Pro
# fonts:
# - asset: fonts/TrajanPro.ttf
# - asset: fonts/TrajanPro_Bold.ttf
# weight: 700
#
# For details regarding fonts from package dependencies,
# see https://flutter.dev/custom-fonts/#from-package
# To hide the notification bar, use the fullscreen parameter. Has no affect in web since web
# has no notification bar. Defaults to false.
# NOTE: Unlike Android, iOS will not automatically show the notification bar when the app loads.
# To show the notification bar, add the following code to your Flutter app:
# WidgetsFlutterBinding.ensureInitialized();
# SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.bottom, SystemUiOverlay.top]);
#fullscreen: true
# If you have changed the name(s) of your info.plist file(s), you can specify the filename(s)
# with the info_plist_files parameter. Remove only the # characters in the three lines below,
# do not remove any spaces:
#info_plist_files:
# - 'ios/Runner/Info-Debug.plist'
# - 'ios/Runner/Info-Release.plist'
flutter_intl:
enabled: true
localizely:
project_id: c4305176-c927-4336-80bd-7bbc91f25b3d
flutter_icons:
image_path: 'assets/assets/icons/app_icon.png'
android: true
ios: true
flutter_rename_app:
application_name: Demo Ecom
dart_package_name: demo_ecom
application_id: com.wolberg.pro.demo
bundle_id: com.wolberg.pro.demo
android_package_name: com.wolberg.pro.demo
targets:
$default:
builders:
injectable_generator:injectable_builder:
options:
auto_register: true
# auto registers any class with a name matches the given pattern
class_name_pattern:
"Service$|Repository$"
# auto registers any class inside a file with a
# name matches the given pattern
file_name_pattern: "_service$|_repository$"
#flutter pub run flutter_rename_app
i got no idea what i can do not sure what i did here wrong thanks for the helpers
Now I am add international in my apps of flutter, this is my international dependencies in pubspec.yaml:
intl: ^0.16.1
and this is the cruiseNavigatorHome define in intl_en.arb:
"cruiseNavigatorHome":"Home",
"#cruiseNavigatorHome":{
"description": "A description about how to view the source code for this app."
},
and this is the getting text in the apps code:
import 'package:flutter_gen/gen_l10n/cruise_localizations.dart';
return Scaffold(
body: viewService.buildComponent("homelist"),
bottomNavigationBar: BottomNavigationBar(
items: [
BottomNavigationBarItem(icon: Icon(Icons.home), label:CruiseLocalizations.of(context).cruiseNavigatorHome),
BottomNavigationBarItem(icon: Icon(Icons.follow_the_signs), label: '关注'),
BottomNavigationBarItem(icon: Icon(Icons.rss_feed), label: '频道'),
BottomNavigationBarItem(icon: Icon(Icons.school), label: '我的'),
],
currentIndex: state.selectIndex,
fixedColor: Colors.blue,
onTap: _onItemTapped,
unselectedItemColor: Color(0xff666666),
type: BottomNavigationBarType.fixed),
);
but when I run this project, give me this error:
Error: Could not resolve the package 'flutter_localizations' in 'package:flutter_localizations/flutter_localizations.dart'.
.dart_tool/flutter_gen/gen_l10n/cruise_localizations.dart:7:8: Error: Not found: 'package:flutter_localizations/flutter_localizations.dart'
import 'package:flutter_localizations/flutter_localizations.dart';
^
.dart_tool/flutter_gen/gen_l10n/cruise_localizations.dart:162:5: Error: Getter not found: 'GlobalMaterialLocalizations'.
GlobalMaterialLocalizations.delegate,
^^^^^^^^^^^^^^^^^^^^^^^^^^^
.dart_tool/flutter_gen/gen_l10n/cruise_localizations.dart:163:5: Error: Getter not found: 'GlobalCupertinoLocalizations'.
GlobalCupertinoLocalizations.delegate,
^^^^^^^^^^^^^^^^^^^^^^^^^^^^
.dart_tool/flutter_gen/gen_l10n/cruise_localizations.dart:164:5: Error: Getter not found: 'GlobalWidgetsLocalizations'.
GlobalWidgetsLocalizations.delegate,
^^^^^^^^^^^^^^^^^^^^^^^^^^
Unhandled exception:
FileSystemException(uri=org-dartlang-untranslatable-uri:package%3Aflutter_localizations%2Fflutter_localizations.dart; message=StandardFileSystem only supports file:* and data:* URIs)
#0 StandardFileSystem.entityForUri (package:front_end/src/api_prototype/standard_file_system.dart:32:7)
#1 asFileUri (package:vm/kernel_front_end.dart:599:37)
#2 writeDepfile (package:vm/kernel_front_end.dart:738:21)
<asynchronous suspension>
#3 FrontendCompiler.compile (package:frontend_server/frontend_server.dart:554:9)
<asynchronous suspension>
#4 starter (package:flutter_frontend_server/server.dart:180:12)
<asynchronous suspension>
#5 main (file:///opt/s/w/ir/cache/builder/src/flutter/flutter_frontend_server/bin/starter.dart:13:24)
<asynchronous suspension>
Command PhaseScriptExecution failed with a nonzero exit code
note: Using new build system
note: Building targets in parallel
note: Planning build
note: Constructing build description
Could not build the application for the simulator.
Error launching application on iPhone 11 Pro.
what should I do to fix this problem? I am sure the class is right there.
As the answer provided here, you need to import flutter_localizations package too.
flutter_localizations:
sdk: flutter
intl: 0.17.0-nullsafety.2
The issue is adding flutter_localizations package has very unexpected syntax. Provided official example confuses everyone as noone expect it that way inside pubspec.yaml. Like this:
flutter_localizations:
sdk: flutter
And yes now pubspec.yaml file will have something like this (repeating sdk: flutter texts):
dependencies:
flutter:
sdk: flutter
flutter_localizations:
sdk: flutter
Plus you will need intl package:
intl: ^0.17.0
Official guide here
I am building this app and just have a small UI problem. I am using a ListView builder. On the leading part of the tile, I want a circular icon to display with the desired image.
I believe my implementation is correct but when I run my code the circle avatar does come out on the leading part of the tile but it does not display the desired image. Instead, it just shows a blue circle on the leading end of each tile.
I am also getting an exception from the terminal. I will attach my code and the exception that I am getting. I would really appreciate suggestions from anyone. Thank you all!
import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
List<String> titles = ["Covid-19 Cases", "Covid-19 Vaccine Tracker",
"Dr. John Campbell Youtube Channel", "Medcram YouTube Channel"];
List<String> files = ["cases.png", "vaccineIMG.png", "dr.johncampbell.png",
"Medcram.png"];
#override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.black54,
appBar: AppBar(
backgroundColor: Colors.redAccent,
title: Text("Your Covid-19 Briefing"),
),
body: ListView.builder(
itemCount: titles.length,
itemBuilder: (context, index) {
return Card(
child: ListTile(
onTap: () {
_launchUrl(index);
},
title: Text(
titles[index],
style: TextStyle(
fontSize: 20.0,
fontWeight: FontWeight.bold,
letterSpacing: 1.0,
color: Colors.black,
),
),
leading: CircleAvatar(
backgroundImage: AssetImage('assets/${files[index]}'),
),
),
);
}
),
),
);
}
_launchUrl(index) async {
List<String> _urlsToLaunch = [
"https://www.worldometers.info/coronavirus/",
"https://www.nytimes.com/interactive/2020/science/coronavirus-vaccine-tracker.html",
"https://www.youtube.com/c/Campbellteaching/videos/",
"https://www.youtube.com/c/Medcram/videos"
];
if (await canLaunch(_urlsToLaunch[index])) {
await launch(_urlsToLaunch[index]);
} else {
throw "Could not open $_urlsToLaunch";
}
}
}
Error:
════════ Exception caught by image resource service ════════════════════════════════════════════════
The following assertion was thrown resolving an image codec:
Unable to load asset: assets/cases.png
When the exception was thrown, this was the stack:
#0 PlatformAssetBundle.load (package:flutter/src/services/asset_bundle.dart:221:7)
<asynchronous suspension>
#1 AssetBundleImageProvider._loadAsync (package:flutter/src/painting/image_provider.dart:664:31)
#2 AssetBundleImageProvider.load (package:flutter/src/painting/image_provider.dart:648:14)
#3 ImageProvider.resolveStreamForKey.<anonymous closure> (package:flutter/src/painting/image_provider.dart:501:13)
...
Image provider: AssetImage(bundle: null, name: "assets/cases.png")
Image key: AssetBundleImageKey(bundle: PlatformAssetBundle#e7274(), name: "assets/cases.png", scale: 1.0)
════════════════════════════════════════════════════════════════════════════════════════════════════
════════ Exception caught by image resource service ════════════════════════════════════════════════
Unable to load asset: assets/vaccineIMG.png
════════════════════════════════════════════════════════════════════════════════════════════════════
════════ Exception caught by image resource service ════════════════════════════════════════════════
Unable to load asset: assets/dr.johncampbell.png
════════════════════════════════════════════════════════════════════════════════════════════════════
════════ Exception caught by image resource service ════════════════════════════════════════════════
Unable to load asset: assets/Medcram.png
════════════════════════════════════════════════════════════════════════════════════════════════════
pubspec.yaml file:
name: coronavirus_news_updates
description: A new Flutter application.
# The following line prevents the package from being accidentally published to
# pub.dev using `pub publish`. This is preferred for private packages.
publish_to: 'none' # Remove this line if you wish to publish to pub.dev
version: 1.0.0+1
environment:
sdk: ">=2.7.0 <3.0.0"
dependencies:
flutter:
sdk: flutter
url_launcher: ^5.4.11
# The following adds the Cupertino Icons font to your application.
# Use with the CupertinoIcons class for iOS style icons.
cupertino_icons: ^0.1.3
dev_dependencies:
flutter_test:
sdk: flutter
# For information on the generic Dart part of this file, see the
# following page: https://dart.dev/tools/pub/pubspec
# The following section is specific to Flutter.
flutter:
# The following line ensures that the Material Icons font is
# included with your application, so that you can use the icons in
# the material Icons class.
uses-material-design: true
Have you included your assets in your pubspec.yaml file?
flutter:
assets:
- assets/your_image_name.png
or to incude the entire folder:
flutter:
assets:
- assets/
I am trying to use the ml_algo package to get a dataset using the fromCsv method present in the ml_algo package. I have put the csv file into an asset folder and still get an error.
I have tried all possible ways from flutter clean to invalidate cache and restart and even tried putting it on my phone and I gave the absolute path still it does not work
The following is the dart code:
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:ml_dataframe/ml_dataframe.dart';
import 'package:ml_preprocessing/ml_preprocessing.dart';
import 'package:ext_storage/ext_storage.dart';
import 'package:permission/permission.dart';
import 'package:path_provider/path_provider.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
#override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
#override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;
void _incrementCounter() {
setState(() {
_counter++;
});
}
#override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(
'You have pushed the button this many times:',
),
Text(
'$_counter',
style: Theme.of(context).textTheme.display1,
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: Icon(Icons.add),
), // This trailing comma makes auto-formatting nicer for build methods.
);
}
Future<void> initialiseDataframe() async {
/* var permissionsRequested = await Permission.requestSinglePermission(PermissionName.Storage);
print(permissionsRequested);
var permissionsStatus = await Permission.getSinglePermissionStatus(PermissionName.Storage);
print(permissionsStatus.toString());
*/
Directory tempDir = await getTemporaryDirectory();
String tempdir = tempDir.absolute.path;
print(tempdir);
final String directory = await ExtStorage.getExternalStorageDirectory();
print(directory);
final dataFrame = await fromCsv('wheat.csv',
headerExists: true,
columns: [2,3,5,6,7,8,9,10,11,12,13,14,15,16,
17,18,19,20,21,22,23,24,25]);
final normaliser = Normalizer();
final transformedDataset = normaliser.process(dataFrame);
print(transformedDataset.toMatrix());
}
#override
void initState() {
initialiseDataframe();
}
}
and here is the pubspec.yaml file
name: linear_regression
description: A new Flutter application.
# The following defines the version and build number for your application.
# A version number is three numbers separated by dots, like 1.2.43
# followed by an optional build number separated by a +.
# Both the version and the builder number may be overridden in flutter
# build by specifying --build-name and --build-number, respectively.
# In Android, build-name is used as versionName while build-number used as versionCode.
# Read more about Android versioning at https://developer.android.com/studio/publish/versioning
# In iOS, build-name is used as CFBundleShortVersionString while build-number used as CFBundleVersion.
# Read more about iOS versioning at
# https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
version: 1.0.0+1
environment:
sdk: ">=2.1.0 <3.0.0"
dependencies:
flutter:
sdk: flutter
# The following adds the Cupertino Icons font to your application.
# Use with the CupertinoIcons class for iOS style icons.
cupertino_icons: ^0.1.2
ml_dataframe: ^0.0.11
ml_preprocessing: ^5.0.1
ml_algo: ^13.3.7
ext_storage: ^1.0.2
permission: ^0.1.5
path_provider: ^1.6.1
dev_dependencies:
flutter_test:
sdk: flutter
# For information on the generic Dart part of this file, see the
# following page: https://dart.dev/tools/pub/pubspec
# The following section is specific to Flutter.
flutter:
# The following line ensures that the Material Icons font is
# included with your application, so that you can use the icons in
# the material Icons class.
uses-material-design: true
# To add assets to your application, add an assets section, like this:
assets:
- assets/res/wheat.csv
# - images/a_dot_ham.jpeg
# An image asset can refer to one or more resolution-specific "variants", see
# https://flutter.dev/assets-and-images/#resolution-aware.
# For details regarding adding assets from package dependencies, see
# https://flutter.dev/assets-and-images/#from-packages
# To add custom fonts to your application, add a fonts section here,
# in this "flutter" section. Each entry in this list should have a
# "family" key with the font family name, and a "fonts" key with a
# list giving the asset and other descriptors for the font. For
# example:
# fonts:
# - family: Schyler
# fonts:
# - asset: fonts/Schyler-Regular.ttf
# - asset: fonts/Schyler-Italic.ttf
# style: italic
# - family: Trajan Pro
# fonts:
# - asset: fonts/TrajanPro.ttf
# - asset: fonts/TrajanPro_Bold.ttf
# weight: 700
#
# For details regarding fonts from package dependencies,
# see https://flutter.dev/custom-fonts/#from-packages
and the error stack
E/flutter (26103): [ERROR:flutter/lib/ui/ui_dart_state.cc(157)] Unhandled Exception: FileSystemException: Cannot open file, path = 'asset/res/wheat.csv' (OS Error: No such file or directory, errno = 2)
E/flutter (26103): #0 _File.open.<anonymous closure> (dart:io/file_impl.dart:366:9)
E/flutter (26103): #1 _rootRunUnary (dart:async/zone.dart:1134:38)
E/flutter (26103): #2 _CustomZone.runUnary (dart:async/zone.dart:1031:19)
E/flutter (26103): #3 _FutureListener.handleValue (dart:async/future_impl.dart:139:18)
E/flutter (26103): #4 Future._propagateToListeners.handleValueCallback (dart:async/future_impl.dart:680:45)
E/flutter (26103): #5 Future._propagateToListeners (dart:async/future_impl.dart:709:32)
E/flutter (26103): #6 Future._completeWithValue (dart:async/future_impl.dart:524:5)
E/flutter (26103): #7 Future._asyncComplete.<anonymous closure> (dart:async/future_impl.dart:554:7)
E/flutter (26103): #8 _rootRun (dart:async/zone.dart:1126:13)
E/flutter (26103): #9 _CustomZone.run (dart:async/zone.dart:1023:19)
E/flutter (26103): #10 _CustomZone.runGuarded (dart:async/zone.dart:925:7)
E/flutter (26103): #11 _CustomZone.bindCallbackGuarded.<anonymous closure> (dart:async/zone.dart:965:23)
E/flutter (26103): #12 _microtaskLoop (dart:async/schedule_microtask.dart:43:21)
E/flutter (26103): #13 _startMicrotaskLoop (dart:async/schedule_microtask.dart:52:5)
E/flutter (26103):
The problem is that you're trying to access a dataset by using its absolute path, but the path you used is wrong since it's altered during runtime. Unfortunately, Flutter doesn't provide us with the correct absolute path for its assets in runtime.
There is a solution of the issue in ml_algo 15.6.3 and ml_dataframe 0.4.0: you need to read your dataset asset using rootBundle.loadString and feed the resulting string to a DataFrame.fromRawCsv(...) constructor:
import 'package:flutter/services.dart' show rootBundle;
import 'package:ml_dataframe/ml_dataframe.dart';
final rawCsvContent = await rootBundle.loadString('assets/res/wheat.csv');
final samples = DataFrame.fromRawCsv(rawCsvContent);