Appwrite Getting Started with Flutter

foreign if this is your first time starting to use apprite it's your 101 video on how to install apprite once you're in the app right console you can create a new project let's call ours flutter getting started to get started on flutter app we're going to select flutter app we're just going to name this my flutter app because I'm on Mac OS I'm going to select Mac OS now we will add the app Ray SDK to your packages pubspec.yaml file I'm just going to open up vs code and create a new project here in vs code we could either use the command line to do flutter create or if you have the extension you can easily go to flutter new project for this project we're going to create a new application once you select your new project folder location you can name your project whatever you'd like I'm going to stick with the default flutter application one this will bring up a new vs code window once the flutter create command completes you'll see that you have a new application ready for editing I'm going to go back to our console and copy the correct dependencies scroll down to select the pub spec yaml and here where you see dependencies you can include the app right package number once you save flutter's pubgit should run now that we've installed the apprite dependency within our application we need to initialize the client if we go back to the console and proceed to The Next Step you'll see that we can emit our SDK I'm going to place the import in the top of my main.dart package now we'll take and initialize the client we can do this in the stateful widget here I'll update initialization I'll take and change the Constructor from a const since we're using a client setup that is not a constant you actually don't need the self signed so we'll remove that for now now instead of having a counter we're going to include a new list called country in order to include this you'll notice I have models that country this can be found as well in the dart package instead of apprite.dart we're going to do models dot Dart as models this has all of our typing so it can be type specific when making our calls now that we have the correct type and we have an initialization for our countries we need to update our method instead of this incrementer we're going to create a new method called get countries in this we'll specify a new locale on this Locale we're going to call the method list countries this will be every time we click the button so down here we can change out this text and the on button command so this will now be get countries instead we have to switch around this view a little bit so that we can actually scroll all of the countries that will have listed what we can change here is changing out the center widget for a single child scroll view this will allow the content to keep scrolling within that single child scroll view we're actually going to provide back the widgets as countries so here we'll set our children to our country's state will map them to text and will display each country's name as a list so I'm going to go ahead and save that and now we can run our debug depending on what platform you're targeting you may have to update certain files please read our getting started for flutter on our docs page as you can see in this pod file we are targeting the platform OS X 10.14 our packages require 11. the easiest thing to do at time of recording is to hit search search for 10.14 change that out for 11. as you can see we have our new demo home page if we click the plus button that used to be called increment this will actually throw an error for us because we're aiming for Mac OS we need to update a couple of files if you're just debugging locally you can update the debug profile entitlements and we can add the new key for security so this is our client security instead of just server if you're going to release this application you would also need to update release entitlements to include that as well now that we have those updated why don't we go back and rerun the debug and with those new entitlements we should be able to call our API successfully so that is all based off of our Locale API make sure to click subscribe so that you can see more advanced examples in the future

Channel: Appwrite

Views: 5,063

Keywords:

Id: eqbz7PYNfHg

Length: 4min 43sec (283 seconds)

Published: Mon Mar 13 2023