Introduction

Thank you for purchasing code. It really means a lot and It's our pleasure to serve top-notch service to you. Thank you so much for choosing WRTeam . If you have trouble with the code and documentation please contact to our Support Team Here


Tic Tac Toe

How to setup Flutter

  1. Download Lastest Flutter SDK from below link.in that click on flutter_window_xxx.zip button.
  2. Flutter sdk Here
  3. Extract the zip file and copy flutter folder into your desired installation location for the Flutter SDK (eg. C:\src\flutter; do not install Flutter in a directory like C:\Program Files\).
  4. Inside Flutter folder find flutter_console.bat. Start it by double-clicking. Tac Tac Toe
  5. Now set your enviournment variable
  6. From the Start search bar in , type ‘env’ and select Edit environment variables for your account Tac Tac Toe
  7. Under User variables check if there is an entry called Path:
  8. Click on Edit.new Dialog open from it click on new and copy full path to flutter\bin as its value Tac Tac Toe
  9. Now Restart your pc for changes to take effect
  10. Now check everything is ok or not
  11. open cmd and do following shown in below picture Tac Tac Toe
  12. Now open Android Studio and create new flutter project then select your flutter sdk file to the location where we have downloaded earlier and that's it Tac Tac Toe

Upgrade to flutter 2.0

  1. for upgrade go to terminal in android studio and type flutter upgrade it will automatically pick latest version with stable channel
  2. If you have updated flutter 2.x after upgrade run flutter doctor. and in flutter doctor if you see below error like licence status unknown. Tac Tac Toe
  3. then go to sdk manager from upar right corner then go to android sdk inside that sdk tools and then uncheck hide obsolute package then check android sdk command line tool latest then apply and then ok. it will download latest version as shown in below fig. Tac Tac Toe
  4. now run flutter doctor again your error will be removed

How to run flutter project

Tac Tac Toe
  1. Go to file > open > then choose your downloaded project location then your project will open.and if you see upper right part 'enable dart support' then click that and go to pubspec.yaml file and in uper right part click pub get or package get and then press run button.
  2. If your are getting error then you can perform below hack
  3. if in your system firewall is on, then you can temporary disable firewall and then try to run project
  4. if your flutter channel is not stable then you need to change it to stable. you can check your flutter channel by terminal.
  5. go to android studio in bottom line click on terminal, in terminal write flutter channel.as shown below. Tac Tac Toe
  6. if your are not in stable then write flutter channel stable
  7. go to Tools > Flutter > Flutter Clen.
  8. go to file > invalidate cache/ restart

How to run flutter in Vs code

  1. Visual Studio Code is a lightweight but powerful source code editor(optinal)(for vscode, all above setup for Android Studio are required).
  2. For Download VSCode Click Here
  3. Open vs code and go to terminal option and open terminal Tac Tac Toe
  4. Inside Terminal For Run the Application perform this two command 1. flutter pub get (flutter packages get) 2. flutter run

How to change package name

  1. In the Android panel, click on the little gear icon.Uncheck/Deselect the Compact Empty Middle Packages option. Tac Tac Toe
  2. Your package directory will now be broken up in individual directories. Tac Tac Toe
  3. Individually select each directory you want to rename, and: Right-click it Select Refactor Click on Rename current In the Pop-up dialog. Tac Tac Toe
  4. Enter the new name and hit Refactor.Allow a minute to let Android Studio update all changes. Tac Tac Toe
  5. Now press ctrl + shift + R and replace old packagename with your new packagename Tac Tac Toe
  6. For ios open ios > Runner > info.plist > there is the key CFBundleIdentifier change the string value for that as shown in below Tac Tac Toe
    Tac Tac Toe
  7. similar if you are using VSCode, for search press ctrl + F search old package name as given files in below image and replace with your package name. Tac Tac Toe

How to integrate firebase

  1. Create firebase project in your account Tac Tac Toe
    Tac Tac Toe
    Tac Tac Toe
    Tac Tac Toe
  2. Add andorid application to your firebase project Tac Tac Toe
  3. Visit https://developers.google.com/android/guides/client-auth to know how to get sha-1 key Tac Tac Toe
    Tac Tac Toe
    Tac Tac Toe
  4. You have connected andorid application to your firebase project successfully
  5. Add ios application to your firebase project Tac Tac Toe
  6. Get your bundle id here [your-flutter-project-dir]\ios\Runner.xcodeproj\project.pbxproj or search for PRODUCT_BUNDLE_IDENTIFIER and you will get following result Tac Tac Toe
    Tac Tac Toe
    Tac Tac Toe
    Tac Tac Toe
    Tac Tac Toe
  7. You have connected ios application to your firebase project successfully

How to enable firebase auth

  1. Go to firebase project.Click on authentication menu and goto sign-in method. Enable all the authentication as per selected in below image.
  2. Tac Tac Toe
  3. If your are using google sign-in you need to enable OAuth APIs that you want to use using https://console.developers.google.com/ .Enable people api and make sure you've filled out all required fields in the console for OAuth consent screen. Otherwise, you may encounter APIException errors.

How to enable firebase realtime database

  1. Go to firebase project. Click on Build -> Realtime Database, enable it and press next in the dialog box that appears and a database will autometically be created in which your game data will be stored.


  2. Tac Tac Toe Tac Tac Toe Tac Tac Toe

How to enable firebase storage

  1. Go to firebase project. Click on Build -> Storage, click on Get Started and press next in the dialog box that appears and a storage will autometically be enabled in which your user profile image will be stored.


  2. Tac Tac Toe Tac Tac Toe
  3. Go to Rules and set the below rules

  4. rules_version = '2';
        // Craft rules based on data in your Firestore database
        // allow write: if firestore.get(
        //    /databases/(default)/documents/users/$(request.auth.uid)).data.isAdmin;
        service firebase.storage {
          match /b/{bucket}/o {
            match /{allPaths=**} {
              allow read, write: if true;
            }
          }
        }
    Tac Tac Toe

How to change application name

    Tac Tac Toe
  1. Change application name for your android application. Go to android/app/src/main/AndroidManifest.xml and change name Tac Tac Toe
  2. Change application name for your ios application. Go to ios/Runner/Info.plist and change name Tac Tac Toe

How to change application version

  1. go to pubspec.yaml EX.Update version:A.B.C+X in pubspec.yaml.
  2. Do not forget to execute flutter packages get, flutter build or flutter run after this step
Tac Tac Toe

How to change Guest Profile Icon

  1. Go to Helper/Constants.dart then change the value as shown in image. Tac Tac Toe

How to change ad type and their ids

  1. Select your ad type first.
    Tac Tac Toe
  2. If you are using Google ads then follow below steps else you can skip below steps.
    1. Go to lib/Helper/Constants.dart and update ad ids here as shown in below image Tac Tac Toe
    2. For Android, Go to android/app/src/main/AndroidManifest.xml and update ad ids as shown in below image Tac Tac Toe
    3. For IOS, Go to ios/Runner/Info.plist and update ad ids as shown in below image Tac Tac Toe
    4. For more info... click here..
    5. To change Daily Reward AD limits and Reward Price, Go to lib/Helper/Constants.dart and update values as shown in below image. Do not change Variable names. Tac Tac Toe

Remove Ad

  1. If you want to remove Ad then you have to made these changes in code.
  2. Go to android/app/src/main/AndroidManifest.xml

  3. Add below permission

    <uses-permission android:name="com.google.android.gms.permission.AD_ID" tools:node="remove" />

    and also add this code, if you its not there in File

    xmlns:tools="http://schemas.android.com/tools" file will look like

    Tac Tac Toe

How to change Music

  1. First you need to add your music under the assets/music folder, Tac Tac Toe
  2. Now, go to lib/Helper/Constants.dart and assign the name of the music. Tac Tac Toe

How to change leaderboard score calculation Values

  1. If you want to change the Calculation values of Leaderboard Scores,
    Go to lib/Helper/String.dart and edit the values as shown in below image (Do not change the variable names).
    • winScore value is added to the total score of the users when the user wins the round.
    • loseScore value deducted from users total score when the user loses the round.
    • When the game is tied, a tieScore value is added to the total score of both players.
    Tac Tac Toe

How to change coin purchase value & Add more coins to Purchase

  1. If you want to change the coin purchase price values and coin values then Go to lib/Helper/String.dart and Add the values as shown in below image (Do not change the variable names). Tac Tac Toe
  2. If you want to Add more coins to purchase then Go to lib/screens/Shop.dart and edit the values as shown in below image Tac Tac Toe

How to change Skins Icon and Price, or Add more skins

  1. If you want to change the Skin Icons, Price and want to add more skins then Go to lib/Helper/String.dart and edit the values as shown in below image (Do not change the variable names). Tac Tac Toe
  2. If you want to add more skin then create a perfect block of code as shown in below image.
    And also if in any case you want to remove any Skin then you can remove the particular skin block as per shown in image Tac Tac Toe


How to Add/Remove language

  1. To Add New Language
    • If you want to Add new language then copy one json file from language folder and add it to language folder then rename it to language code of your new language
    • now open that json file and change value of string to your language string. remember here you need to add all string in file if any one string is missing in any file then when you change that language then it will give you error. so add all string in all json file.

    • Tac Tac Toe

    • now search in whole project "en", by pressing ctrl shift f. now where you see language code in list add your new lanaguage code there.

    • Tac Tac Toe

    • now go to profile.dart file inside that go to _getLanguageList() method inside that in languageList add your new language string name here as shown in below image.now add this new language string to all json file here you have to use same string name as you have specified in language list in left side.in right side give language name

    • Tac Tac Toe

    • If your app contains languages which need RTL layout then add language code at specified location (lib/Helper/string.dart) in image
      (E.g:- List rtlLanguages = ['ar','ur'];)
      Tac Tac Toe
  2. To remove language
    • now search in whole project "en", by pressing ctrl shift f. now where you see language code in list remove lanaguage code that you don't want.

    • Tac Tac Toe

How to change application colors

  1. Add your colors in lib/Helper/Colors.dart and do not change the color variables name Tac Tac Toe

How to change application font

  1. Go to assets/fonts and add your font as shown in image
    then open pubspec.yaml file and add your font details as shown in below image Tac Tac Toe
  2. Now as per shown in below image, change fontfamily name in main.dart file Tac Tac Toe

How to change application constants

  1. If you want to change the duration of the player timer, the number of rounds, and the value of the rounds, edit as shown in the image Go to lib/Helper/Constants.dart and update values Tac Tac Toe
  2. If you want to change the defaultSkin values or other constants values such as Privacy Policy, Term and Conditions etc., edit as shown in the image. Go to lib/Helper/Constants.dart and update values Tac Tac Toe

How to Register for In-App Purchase

To create an in-app product:
  1. Open Play Console and go to the In-app products page (Monetize > Products > In-app products).
  2. Click Create product.
  3. Enter your product details.
    • Product ID: A unique ID for your in-app product.
    • Title: A short name of the item (up to 55 characters, but we recommend limiting titles to 25 characters to display properly in all contexts), like "Sleeping potion."
    • Description: A long description of the item (up to 200 characters), like “Instantly puts creatures to sleep."
    • Icon: A unique and accurate image for your product. Don't include text, promotions, or branding. Your product icon is shown on your store listing and during the purchase flow.
      • 32-bit PNG
      • 512 px by 512 px
      • Up to 1 MB
    • Price: Enter a price in your local currency or select a pricing template.
    • Play Points exclusive: Make your product available only in Google Play Points.
  4. Save your changes and click Activate to make your in-app product available to users..
    • To be available for purchase, a product needs to be active, and its app needs to be published.
    • If you’re using a test account, active items are available in unpublished apps. To learn more, go to the Android Developers site.
For More info.. click here (IOS) click here

How to generate release apks

By using Commands
  1. Create an upload keystore
    Running the following at the command line:
    • On Mac/Linux, use the following command:

      keytool -genkey -v -keystore ~/upload-keystore.jks -keyalg RSA -keysize 2048 -validity 10000 -alias upload

    • On Windows, use the following command:

      keytool -genkey -v -keystore c:\Users\USER_NAME\upload-keystore.jks -storetype JKS -keyalg RSA -keysize 2048 -validity 10000 -alias upload

    Tic Tac Toe

    Tic Tac Toe

    Tic Tac Toe

  2. Reference the keystore from the app

    Create a file named [project]/android/key.properties that contains a reference to your keystore:

    Tic Tac Toe

    Copy below code, Paste in to key.properties file and change as per shown in image.

    storePassword=
    keyPassword=
    keyAlias=upload
    storeFile=location of the key store file, such as /Users/user name/upload-keystore.jks

    Tic Tac Toe

  3. Configure signing in gradle

    Configure gradle to use your upload key when building your app in release mode by editing the [project]/android/app/build.gradle file.
    • Add the below keystore information from your properties file before the android block:


      def keystoreProperties = new Properties()
      def keystorePropertiesFile = rootProject.file('key.properties')
      if (keystorePropertiesFile.exists()) {
      keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
      }

      Tic Tac Toe

    • Find the buildTypes block:
      And replace it with the following signing configuration info:

      signingConfigs {
      release {
      keyAlias keystoreProperties['keyAlias']
      keyPassword keystoreProperties['keyPassword']
      storeFile keystoreProperties['storeFile'] ? file(keystoreProperties['storeFile']) : null
      storePassword keystoreProperties['storePassword']
      }
      }
      buildTypes {
      release {
      signingConfig signingConfigs.release
      }
      }

      Tic Tac Toe


  4. Run following commands in Terminal as per your need:
    • To generate an APK
      flutter build apk
    • To generate an App Bundle
      flutter build appbundle

    • Tic Tac Toe


Steps to Publish iOS App to App Store

  1. Open your Project's Runner.xcworkspace file in Xcode, and Add your Team [Your Apple Developer ID] and also Insert GoogleService-Info.plist file [Downloaded From Firebase Project] inside folder named Runner.

  2. Tic Tac Toe

  3. and then Select Any iOS Device (armv7,arm64) as shown in image below.

  4. Tic Tac Toe

  5. After that Select Archive From Product Menu of Xcode as shown below.

  6. Tic Tac Toe

  7. Once Build / Archive Generated, pop up window will be shown. Validate app First, and After Successful Validation of App, You Can Distribute App to AppStore.
  8. Tic Tac Toe

  9. After SuccessFull Submission of Build File, it will be Reflected to your Apple Developer Account in which we have created app with same Bundle ID.
  10. Click here for Detailed Help


Common Errors

  1. If you get error in build version when you archive the application after testing so you can change the follow code

  2. Before:

    <key>CFBundleShortVersionString</key>
    <string>$(FLUTTER_BUILD_NAME)</string>
    <key>CFBundleVersion</key>
    <string>$(FLUTTER_BUILD_NUMBER)</string>


    After:

    <key>CFBundleShortVersionString</key>
    <string>$(MARKETING_VERSION)</string>
    <key>CFBundleVersion</key>
    <string>$(CURRENT_PROJECT_VERSION)</string>

Support

Its our pleasure to serve our service and support. please contact our support team.

Head of Customer Support : Jignesh Majethiya
Skype: Jignesh Majethiya

To help our customers, we constantly be in touch with every customer if they need any assistance regarding our product. We offer our customers a support from Mon – Fri 9.00am to 6.00pm IST (GMT +5.30) – We are a Team located in India – Asia.

Typically we reply our customers for all the questions and queries within 24 hours of time via comments, support forum or emails.


Your Feedback

Dear valuable customer, Thank you very much for choosing our product. It's our pleasure to serve top-notch service to you. Please give us your honest feedback that will help us to make a more strong and reliable product by click here Rate Us. Thank you very much.


Contact Us

WRTeam has creative and dedicated group of developers who are mastered in Apps Developments and Web Application Development with a niche in delivering quality solutions to customers across the globe. Contact us today to find out how we can help you or for freelance work.

Visit Us : https://wrteam.in

Mail Us : support@wrteam.in


Rating

If you like our app, we will highly appreciate if you can provide us a rating of 5. You can rate us from your CodeCanyon Menu > Download page.

Thank you very much.