这是我正在开发的一个离子角度项目,我正在使用 ng-lazyload-image 插件Link。当我开始编译它时显示这样的错误。
Error: ./node_modules/ng-lazyload-image/fesm2015/ng-lazyload-image.mjs 401:10-19
Can't import the named export 'Directive' from non EcmaScript module (only default export is available)
Run Code Online (Sandbox Code Playgroud) 我正在尝试使用 easy_localization 将西班牙语添加到我的 flutter 项目中,我添加了 US 和 ES 的 JSON 文件,并在 runApp 函数中添加了它的路径,因为我尝试使用 flutter 生成密钥
pub run easy_localization:generate
Run Code Online (Sandbox Code Playgroud)
runApp(EasyLocalization(
supportedLocales: [Locale('en', 'US'), Locale('es', 'ES')],
path: 'assets/translations/',
fallbackLocale: Locale('en', 'US'),
child: MyApp()));
Run Code Online (Sandbox Code Playgroud) 我需要从 localstorge 获取数据,并根据数据值 isLogin 是 true 或 false 如果 isLogin 值为 true 则返回不同的 MaterialApp,如果为 false 则返回不同的 MaterialApp。
Widget build(BuildContext context) {
return FutureBuilder(
future: storage.ready,
builder: (BuildContext context, snapshots) {
if (snapshots.hasData) {
var isLogin = storage.getItem('isLogin');
if (snapshots.data == true) {
return MaterialApp(
initialRoute: '/sample',
onGenerateRoute: RouteGenerator.generateRoute,
);
} else {
return MaterialApp(
initialRoute: '/',
onGenerateRoute: RouteGenerator.generateRoute,
);
}
}
},
);
}
Run Code Online (Sandbox Code Playgroud) 每当我将提供程序添加到 MultipleProvider 时,它都会显示这个奇怪的错误,在花费 4 小时后无法解决它。
主程序.dart
MultiProvider(
providers: [
Provider<HandleImageSelectionModel>(
create: (_) => HandleImageSelectionModel()),
],
child: MaterialApp(
title: 'Flutter Demo',
initialRoute: '/',
onGenerateRoute: RouteGenerator.generateRoute,
theme: ThemeData(
primarySwatch: Colors.blue,
),
),
);
Run Code Online (Sandbox Code Playgroud)
提供者类别
import 'package:flutter/foundation.dart';
class HandleImageSelectionModel extends ChangeNotifier {
bool isSelectionModeEnabled = false;
HandleImageSelectionModel();
toggleSelectionMode() {
isSelectionModeEnabled = !isSelectionModeEnabled;
notifyListeners();
}
}
Run Code Online (Sandbox Code Playgroud)
改变状态
Provider.of<HandleImageSelectionModel>(context)
.toggleSelectionMode();
Run Code Online (Sandbox Code Playgroud)
尝试在这里消费
Consumer<HandleImageSelectionModel>(
builder: (context, isEnabled, child) {
print(isEnabled);
return Positioned(
child: Align(
alignment: Alignment.topRight,
child: CircularCheckBox(
value: true,
materialTapTargetSize:
MaterialTapTargetSize.padded,
onChanged: (bool x) {}),
), …
Run Code Online (Sandbox Code Playgroud) 我对 GraphQL 非常陌生,并尝试将其与 NativeScript Angular 项目一起使用,但当我安装 apollo-Angular 插件时,它没有 ApolloModule 的任何导出成员,如何将 GRAPHQL 服务器与 angurNativeScrt 项目连接。
import {ApolloModule, APOLLO_OPTIONS} from 'apollo-angular';
Run Code Online (Sandbox Code Playgroud)