1629042139
cloudkit_flutter .CloudKit support for Flutter via CloudKit Web Services.
Currently, this library only supports Android (and iOS, although its usefulness there is fairly limited). The lack of Flutter Web support is due to one of the dependencies, webview_flutter, not supporting the Flutter Web platform 🙄.
Within your app, there are two stages involved in setting up this library. First, you must initialize the API manager with your CloudKit container, environment, and API token. Second, you must create your model classes based on the record types in CloudKit.
Before calls to the CloudKit API can be made, three values must be provided to the CKAPIManager:
To initialize the manager, these three values must be passed into CKAPIManager.initManager(String container, String apiToken, CKEnvironment environment) async. This call should preferably be done in conjunction with the reflection setup, as described below.
In this library, model classes must be annotated and then scanned so that reflection can be used to seamlessly convert JSON CloudKit records to a local Dart object.
There are three main types of annotations used in model files:
Additionally, for the class to be scanned via reflection, you must tag the class with @reflector before the class declaration.
Below is an example of these annotations being used in a Dart file:
import 'package:cloudkit_flutter/cloudkit_flutter_model.dart';
@reflector
@CKRecordTypeAnnotation("Schedule") // The name of the CloudKit record type is included in the annotation
class Schedule
{
@CKRecordNameAnnotation() // No CloudKit record field name is needed as the field is always 'recordName'
String? uuid;
@CKFieldAnnotation("scheduleCode") // The name of the CloudKit record field is included in the annotation
String? code;
@CKFieldAnnotation("periodTimes")
List<String>? blockTimes;
@CKFieldAnnotation("periodNumbers")
List<int>? blockNumbers;
}
Currently, most of the field types supported in CloudKit can be used in local model classes.
Many are fairly basic:
There are a couple that require some explanation:
*More base field types will be added in later versions
Sometimes, a field within a CloudKit database only stores a raw value, to be later converted into an enum or more fully defined class when it reaches an app. To allow for custom classes to be used as types within model classes, the CKCustomFieldType class has been created.
There are several requirements for a subclass of CKCustomFieldType:
Below is a basic example of a custom field type class, Gender, which has int as its raw value type:
import 'package:cloudkit_flutter/cloudkit_flutter_model.dart';
@reflector
class Gender extends CKCustomFieldType<int>
{
// Static instances of Gender with a raw value and name
static final female = Gender.withName(0, "Female");
static final male = Gender.withName(1, "Male");
static final other = Gender.withName(2, "Other");
static final unknown = Gender.withName(3, "Unknown");
static final genders = [female, male, other, unknown];
String name;
// Required constructors
Gender() : name = unknown.name, super.fromRecordField(unknown.rawValue);
Gender.fromRecordField(int raw) : name = genders[raw].name, super.fromRecordField(raw);
// Used to create static instances above
Gender.withName(int raw, String name) : name = name, super.fromRecordField(raw);
// The default toString() for CKCustomFieldType outputs the rawValue, but here it makes more sense to output the name
@override
String toString() => name;
}
Whenever you make changes to your model classes or CKCustomFieldType subclasses, you must regenerate object code to allow for reflection to be used within the library. First, ensure that the build_runner package is installed in your app's pubspec, as it is required to run the following command. Next, generate the object code by running flutter pub run build_runner build lib from the root folder of your Flutter project.
After the code has been generated, call initializeReflectable() (found within generated *.reflectable.dart files) at the start of your app before any other library calls are made. Finally, you must indicate to the CKRecordParser class which model classes should be scanned. To do this, call the CKRecordParser.createRecordStructures(List<Type>) function, listing the direct names of the local model classes within the list. To scan the Schedule class for example, we would call CKRecordParser.createRecordStructures([Schedule]). This call should preferably be done in conjunction with the API Initialization, as described above.
The main way to access the CloudKit API is through CKOperation, which is run though the execute() function. There are multiple kinds of operations, which are described below.
On creation, all operations require a string argument for the database (public, shared, private) to be used for the request. Optionally, a specific instance of a CKAPIManager can be passed in, although the shared instance is used by default. Additionally, a BuildContext can be optionally passed into the operation, in the off-chance that an iCloud sign-in view is necessary.
This operation fetches the CloudKit ID of the current user. It is also the simplest way to test if the user is signed in to iCloud, which is necessary to access the private database. Hence, the operation can be called at app launch or via a button to initiate the iCloud sign-in prompt.
Besides the default arguments for an operation as described above, this operation does not require any additional arguments.
Returned from the execute() call is the CloudKit ID of the signed-in user as a string.
This operation is the main method to retrieve records from CloudKit.
When creating the operation, you must pass in a local type for the operation to receive. For example: CKRecordQueryOperation<Schedule>(CKDatabase.PUBLIC_DATABASE) would fetch all Schedule records from the public database. Optionally, you can pass in a specific CKZone (zoneID), a List<CKFilter> (filters), or a List<CKSortDescriptor (sortDescriptors) to organize the results. You can also pass in a bool (preloadAssets) to indicate whether any CKAsset fields in fetched records should be preloaded.
Returned from the execute() call is an array of local objects with the type provided to the operation.
*More operations will be added in later versions
In addition to the multiple kinds of operations, CloudKit provides several request parameters within its API, represented in this library by the classes below.
Filters are created through four main values: the name of the CloudKit record field to compare (fieldName), the CKFieldType of that record field (fieldType), the value to be compared against (fieldValue), and the CKComparator object for the desired comparison.
Sort descriptors are created through two main values: the name of the CloudKit record field to sort by (fieldName) and a boolean to indicate the direction (ascending).
Zone objects are currently only containers for a zone ID string (zoneName), and can be used to specify a specific CloudKit zone for an operation. A zone object with an empty zone name will be set to the default zone.
Query objects are containers to store the CloudKit record type (recordType), a List<CKFilter> (filterBy), and a List<CKSortDescriptor> (sortBy).
Record query request objects represent the information needed to perform a CKRecordQueryOperation, including a CKZone (zoneID), a result limit (resultsLimit), and a CKQuery object (query).
To reduce the amount of included classes, you can choose to import a single section of the library, as described below.
Includes all exposed classes.
Includes classes necessary to initialize the API manager (CKAPIManager) and record parser (CKRecordParser).
Includes classes necessary to annotate model files (CKRecordTypeAnnotation, CKRecordNameAnnotation, CKFieldAnnotation), use special field types (CKReference, CKAsset), and create custom field types (CKCustomFieldType).
Includes classes necessary to call the CloudKit API (CKOperation + subclasses, CKZone, CKFilter, CKSortDescriptor).
Run this command:
With Flutter:
$ flutter pub add cloudkit_flutter
This will add a line like this to your package's pubspec.yaml (and run an implicit dart pub get):
dependencies:
cloudkit_flutter: ^0.1.4
Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.
Now in your Dart code, you can use:
import 'package:cloudkit_flutter/cloudkit_flutter.dart';
import 'package:flutter/material.dart';
import 'dart:developer';
import 'package:cloudkit_flutter/cloudkit_flutter_init.dart';
import 'package:cloudkit_flutter/cloudkit_flutter_api.dart';
import 'model/schedule.dart';
import 'model/week_schedule.dart';
import 'model/user_schedule.dart';
import 'main.reflectable.dart'; // Import generated code.
// Run `flutter pub run build_runner build example` from the root directory to generate example.reflectable.dart code
void main() async
{
await initializeCloudKit();
runApp(CKTestApp());
}
// To run this example code, you must have a CloudKit container with the following structure (as can be inferred from model/user_schedule.dart):
// UserSchedule: {
// periodNames: List<String>
// profileImage: CKAsset
// genderRaw: int
// }
//
// Once the container is created, enter the CloudKit container and API token (set up via the CloudKit dashboard & with the options specified in README.md) below:
Future<void> initializeCloudKit() async
{
const String ckContainer = ""; // YOUR CloudKit CONTAINER NAME HERE
const String ckAPIToken = ""; // YOUR CloudKit API TOKEN HERE
const CKEnvironment ckEnvironment = CKEnvironment.DEVELOPMENT_ENVIRONMENT;
initializeReflectable();
CKRecordParser.createRecordStructures([
Schedule,
WeekSchedule,
UserSchedule
]);
await CKAPIManager.initManager(ckContainer, ckAPIToken, ckEnvironment);
}
class CKTestApp extends StatelessWidget
{
// This widget is the root of your application.
@override
Widget build(BuildContext context)
{
return MaterialApp(
title: 'iCloud Test',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: CKTestPage(title: "iCloud Test"),
);
}
}
class CKTestPage extends StatefulWidget
{
CKTestPage({Key? key, required this.title}) : super(key: key);
final String title;
@override
_CKTestPageState createState() => _CKTestPageState();
}
class _CKTestPageState extends State<CKTestPage>
{
CKSignInState isSignedIn = CKSignInState.NOT_SIGNED_IN;
String currentUserOutput = "Get current user ID (and check if signed in)";
String userScheduleOutput = "Fetch user schedule";
void getCurrentUserCallback(CKSignInState isSignedIn, String currentUserOutput)
{
setState(() {
this.isSignedIn = isSignedIn;
this.currentUserOutput = currentUserOutput;
});
}
void getUserScheduleCallback(String schedulesOutput)
{
setState(() {
this.userScheduleOutput = schedulesOutput;
});
}
@override
Widget build(BuildContext context)
{
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
children: [
Text(currentUserOutput),
CKSignInButton(isSignedIn: isSignedIn, callback: getCurrentUserCallback),
Padding(padding: EdgeInsets.all(8.0)),
Text(userScheduleOutput),
FetchUserScheduleTestButton(isSignedIn: isSignedIn, callback: getUserScheduleCallback),
],
mainAxisAlignment: MainAxisAlignment.center,
),
),
);
}
}
class CKSignInButton extends StatefulWidget
{
final Function(CKSignInState, String) callback;
final CKSignInState isSignedIn;
CKSignInButton({Key? key, required this.isSignedIn, required this.callback}) : super(key: key);
@override
State<StatefulWidget> createState() => CKSignInButtonState();
}
enum CKSignInState
{
NOT_SIGNED_IN,
SIGNING_IN,
RE_SIGNING_IN,
IS_SIGNED_IN
}
class CKSignInButtonState extends State<CKSignInButton>
{
IconData getIconForCurrentState()
{
switch (widget.isSignedIn)
{
case CKSignInState.NOT_SIGNED_IN:
return Icons.check_box_outline_blank;
case CKSignInState.SIGNING_IN:
return Icons.indeterminate_check_box_outlined;
case CKSignInState.RE_SIGNING_IN:
return Icons.indeterminate_check_box;
case CKSignInState.IS_SIGNED_IN:
return Icons.check_box;
}
}
@override
Widget build(BuildContext context)
{
return ElevatedButton(
onPressed: () async {
if (widget.isSignedIn == CKSignInState.IS_SIGNED_IN)
{
widget.callback(CKSignInState.RE_SIGNING_IN, "Re-signing in...");
}
else
{
widget.callback(CKSignInState.SIGNING_IN, "Signing in...");
}
var getCurrentUserOperation = CKCurrentUserOperation(CKDatabase.PUBLIC_DATABASE, context: context);
var operationCallback = await getCurrentUserOperation.execute();
switch (operationCallback.state)
{
case CKOperationState.success:
var currentUserID = operationCallback.response as String;
widget.callback(CKSignInState.IS_SIGNED_IN, currentUserID);
break;
case CKOperationState.authFailure:
widget.callback(CKSignInState.NOT_SIGNED_IN, "Authentication failure");
break;
case CKOperationState.unknownError:
widget.callback(CKSignInState.NOT_SIGNED_IN, "Unknown error");
break;
}
},
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: [
Text("Sign In with iCloud"),
Padding(padding: EdgeInsets.all(4.0)),
Icon(getIconForCurrentState())
],
)
);
}
}
class FetchUserScheduleTestButton extends StatefulWidget
{
final Function(String) callback;
final CKSignInState isSignedIn;
FetchUserScheduleTestButton({Key? key, required this.isSignedIn, required this.callback}) : super(key: key);
@override
State<StatefulWidget> createState() => FetchUserScheduleTestButtonState();
}
class FetchUserScheduleTestButtonState extends State<FetchUserScheduleTestButton>
{
@override
Widget build(BuildContext context)
{
return ElevatedButton(
onPressed: () async {
if (widget.isSignedIn != CKSignInState.IS_SIGNED_IN)
{
widget.callback("Catch: Not signed in");
return;
}
var queryPeopleOperation = CKRecordQueryOperation<UserSchedule>(CKDatabase.PRIVATE_DATABASE, preloadAssets: true, context: context);
CKOperationCallback queryCallback = await queryPeopleOperation.execute();
List<UserSchedule> userSchedules = [];
if (queryCallback.state == CKOperationState.success) userSchedules = queryCallback.response;
switch (queryCallback.state)
{
case CKOperationState.success:
if (userSchedules.length > 0)
{
testUserSchedule(userSchedules[0]);
widget.callback("Success");
}
else
{
widget.callback("No UserSchedule records");
}
break;
case CKOperationState.authFailure:
widget.callback("Authentication failure");
break;
case CKOperationState.unknownError:
widget.callback("Unknown error");
break;
}
},
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: [
Text("Fetch UserSchedules"),
],
)
);
}
}
void testUserSchedule(UserSchedule userSchedule) async
{
log(userSchedule.toString());
// These are the class names for each period in userSchedule, automatically converted from CloudKit to the local object
var periodNames = userSchedule.periodNames ?? [];
log(periodNames.toString());
// This is the data for a profile image, which can be casted (via .getAsImage()) due to `preloadAssets: true` when the operation was called
var _ = (userSchedule.profileImage?.getAsImage() ?? AssetImage("assets/generic-user.png")) as ImageProvider;
// If `preloadAssets: false`, the asset would have to be downloaded directly:
await userSchedule.profileImage?.fetchAsset();
log(userSchedule.profileImage?.size.toString() ?? 0.toString());
// This is a custom `Gender` object, converted from a raw int form in CloudKit
var gender = userSchedule.gender ?? Gender.unknown;
log(gender.toString());
}
1597014000
Flutter Google cross-platform UI framework has released a new version 1.20 stable.
Flutter is Google’s UI framework to make apps for Android, iOS, Web, Windows, Mac, Linux, and Fuchsia OS. Since the last 2 years, the flutter Framework has already achieved popularity among mobile developers to develop Android and iOS apps. In the last few releases, Flutter also added the support of making web applications and desktop applications.
Last month they introduced the support of the Linux desktop app that can be distributed through Canonical Snap Store(Snapcraft), this enables the developers to publish there Linux desktop app for their users and publish on Snap Store. If you want to learn how to Publish Flutter Desktop app in Snap Store that here is the tutorial.
Flutter 1.20 Framework is built on Google’s made Dart programming language that is a cross-platform language providing native performance, new UI widgets, and other more features for the developer usage.
Here are the few key points of this release:
In this release, they have got multiple performance improvements in the Dart language itself. A new improvement is to reduce the app size in the release versions of the app. Another performance improvement is to reduce junk in the display of app animation by using the warm-up phase.
If your app is junk information during the first run then the Skia Shading Language shader provides for pre-compilation as part of your app’s build. This can speed it up by more than 2x.
Added a better support of mouse cursors for web and desktop flutter app,. Now many widgets will show cursor on top of them or you can specify the type of supported cursor you want.
Autofill was already supported in native applications now its been added to the Flutter SDK. Now prefilled information stored by your OS can be used for autofill in the application. This feature will be available soon on the flutter web.
A new widget for interaction
InteractiveViewer
is a new widget design for common interactions in your app like pan, zoom drag and drop for resizing the widget. Informations on this you can check more on this API documentation where you can try this widget on the DartPad. In this release, drag-drop has more features added like you can know precisely where the drop happened and get the position.
In this new release, there are many pre-existing widgets that were updated to match the latest material guidelines, these updates include better interaction with Slider
and RangeSlider
, DatePicker
with support for date range and time picker with the new style.
pubspec.yaml
formatOther than these widget updates there is some update within the project also like in pubspec.yaml
file format. If you are a flutter plugin publisher then your old pubspec.yaml
is no longer supported to publish a plugin as the older format does not specify for which platform plugin you are making. All existing plugin will continue to work with flutter apps but you should make a plugin update as soon as possible.
Visual Studio code flutter extension got an update in this release. You get a preview of new features where you can analyze that Dev tools in your coding workspace. Enable this feature in your vs code by _dart.previewEmbeddedDevTools_
setting. Dart DevTools menu you can choose your favorite page embed on your code workspace.
The updated the Dev tools comes with the network page that enables network profiling. You can track the timings and other information like status and content type of your** network calls** within your app. You can also monitor gRPC traffic.
Pigeon is a command-line tool that will generate types of safe platform channels without adding additional dependencies. With this instead of manually matching method strings on platform channel and serializing arguments, you can invoke native class and pass nonprimitive data objects by directly calling the Dart
method.
There is still a long list of updates in the new version of Flutter 1.2 that we cannot cover in this blog. You can get more details you can visit the official site to know more. Also, you can subscribe to the Navoki newsletter to get updates on these features and upcoming new updates and lessons. In upcoming new versions, we might see more new features and improvements.
You can get more free Flutter tutorials you can follow these courses:
#dart #developers #flutter #app developed #dart devtools in visual studio code #firebase local emulator suite in flutter #flutter autofill #flutter date picker #flutter desktop linux app build and publish on snapcraft store #flutter pigeon #flutter range slider #flutter slider #flutter time picker #flutter tutorial #flutter widget #google flutter #linux #navoki #pubspec format #setup flutter desktop on windows
1598396940
Flutter is an open-source UI toolkit for mobile developers, so they can use it to build native-looking** Android and iOS** applications from the same code base for both platforms. Flutter is also working to make Flutter apps for Web, PWA (progressive Web-App) and Desktop platform (Windows,macOS,Linux).
Flutter was officially released in December 2018. Since then, it has gone a much stronger flutter community.
There has been much increase in flutter developers, flutter packages, youtube tutorials, blogs, flutter examples apps, official and private events, and more. Flutter is now on top software repos based and trending on GitHub.
What is Flutter? this question comes to many new developer’s mind.
Flutter means flying wings quickly, and lightly but obviously, this doesn’t apply in our SDK.
So Flutter was one of the companies that were acquired by **Google **for around $40 million. That company was based on providing gesture detection and recognition from a standard webcam. But later when the Flutter was going to release in alpha version for developer it’s name was Sky, but since Google already owned Flutter name, so they rename it to Flutter.
Flutter is used in many startup companies nowadays, and even some MNCs are also adopting Flutter as a mobile development framework. Many top famous companies are using their apps in Flutter. Some of them here are
and many more other apps. Mobile development companies also adopted Flutter as a service for their clients. Even I was one of them who developed flutter apps as a freelancer and later as an IT company for mobile apps.
#dart #flutter #uncategorized #flutter framework #flutter jobs #flutter language #flutter meaning #flutter meaning in hindi #google flutter #how does flutter work #what is flutter
1627129340
Looking for the best-in-class Flutter app development services in USA? We at AppClues Infotech offer next-generation mobile app development services using Google’s powerful framework, Flutter.
Our extremely trustworthy and exceptional Flutter app developers help enterprises and businesses to design high-quality native interfaces on cross-platform.
If you have any project ideas, hiring our Flutter app development services helps you get multi-platform applications with seamless animations, appealing UI, and excellent performance.
Flutter Mobile App Development Services
• Flutter Custom App Development
• Flutter App UI/UX Design
• Flutter Widget Development
• Flutter App QA Testing & Maintenance
• Flutter App Updations & Migration
• Flutter for Embedded Devices
• Flutter Development Consultation
For more info:
Website: https://www.appcluesinfotech.com/
Email: info@appcluesinfotech.com
Call: +1-978-309-9910
#top flutter app development company in usa #best flutter app development service in usa #best flutter app development company usa #hire flutter app developers in usa #best flutter app development services in usa #custom flutter app development services in usa
1591643580
Recently Adobe XD releases a new version of the plugin that you can use to export designs directly into flutter widgets or screens. Yes, you read it right, now you can make and export your favorite design in Adobe XD and export all the design in the widget form or as a full-screen design, this can save you a lot of time required in designing.
What we will do?
I will make a simple design of a dialogue box with a card design with text over it as shown below. After you complete this exercise you can experiment with the UI. You can make your own components or import UI kits available with the Adobe XD.
#developers #flutter #adobe xd design export to flutter #adobe xd flutter code #adobe xd flutter code generator - plugin #adobe xd flutter plugin #adobe xd flutter plugin tutorial #adobe xd plugins #adobe xd to flutter #adobe xd tutorial #codepen for flutter.
1621483980
The web app is application software that runs on the webserver. You can easily use the web app by searching it in the web browser through Google or any other search engine, or you can also add shortcuts of the web app to your smartphone.
Web app for your business helps you to reach new customers and enables them to know about your firm and the services you provide and can know about your organization’s feedback and rating. It can also help you with the advertisement of your app among all.
Do you want to develop a web app for your business? Then it would help if you collaborated with Nevina Infotech, which is the best web application development company that will help you develop a unique web app with the help of its dedicated developers.
#web application development company #web application development services #web app development company #custom web application development company #web app development services #custom web application development services