Flutter App Localization : Arb file not readable error

Question

I am trying to make my app support localization. I want my app to work in 2 languages: English & Hindi. So i added the following package in my pubspec.yaml:

flutter_localizations:
    sdk: flutter
  intl: ^0.17.0 # Add this line

Then i made a l10n.yaml file and added this:

arb-dir: lib/l10n
template-arb-file: app_en.arb
output-localization-file: app_localizations.dart

I also made the app_en.arb file like this:

{
    "helloWorld": "Hello World!",
    "@helloWorld": {
      "description": "The conventional newborn programmer greeting"
    }
}

When i am running this code, it gives me an error:

Generating synthetic localizations package failed with 1 error:

Exception: The 'template-arb-file', LocalFile: 'C:\Users\Crosslynx25\Desktop\SW_Mobile_Platform\lib/l10n\app_en.arb', is not readable.
Please ensure that the user has read permissions.

main.dart file

import 'package:ble_app_flutter/screens/home_screen.dart';
import 'package:ble_app_flutter/screens/otp_screen.dart';
import 'package:ble_app_flutter/screens/splash_screen.dart';
import 'package:ble_app_flutter/utils/colors.dart';
import 'package:ble_app_flutter/l10n/L10n.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_secure_storage/flutter_secure_storage.dart';
import 'package:lottie/lottie.dart';
import 'country_codes.dart'
as CountryCodes;
import 'screens/driver/driver_home_screen.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  State < MyApp > createState() => _MyAppState();
}

Map < int, Color > myTheme = {
  50: Color.fromRGBO(9, 65, 155, .1),
  100: Color.fromRGBO(9, 65, 155, .2),
};

class _MyAppState extends State < MyApp > {
  // This widget is the root of your application.
  MaterialColor myColor = MaterialColor(0xFF09419b, myTheme);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'BLE App gkhglkjhkl',
      debugShowCheckedModeBanner: false,
      supportedLocales: L10n.all,
      //     localizationsDelegates: [
      //   AppLocalizations.delegate, // Add this line
      //   GlobalMaterialLocalizations.delegate,
      //   GlobalWidgetsLocalizations.delegate,
      //   GlobalCupertinoLocalizations.delegate,
      // ],
      theme: ThemeData(
        primarySwatch: myColor,
      ),
      home: new Login(),
    );
  }
}

class Login extends StatefulWidget {
  @override
  State < Login > createState() => _LoginState();
}

class _LoginState extends State < Login > {
  // const Login({
  var selectedCountry = "91";
  var phoneNumber = "";

  @override
  Widget build(BuildContext context) {
    .
    . //some code
    .
  }
}

please post your main.dart file where you have configured localization — Dev
– Dev, Commented Apr 22, 2022 at 6:09
what is the location of l10n.yaml base dir or inside lib? It should be base dir. — Dev
– Dev, Commented Apr 22, 2022 at 6:44
I could not fix that issue using flutter v2.10.5. this issue still remained after an update to v3.0.0. however: i was at the beginning of my project. so i iremoved everything and created a new project. now it is working using v3.0.0. i don't know whether this in option for you. but i guess there was a bug/problem in flutter when creating the project intially in the older flutter-version, which was now fixed in v3.0.0. — anion
– anion, Commented May 14, 2022 at 13:46

Ahmed Ashour · Accepted Answer · 2022-06-16 22:27:11Z

1

This happened with me, then I discovered that the file is actually app_en.arb (with a space before the name). This caused it not to be found.

You can test it by copying the written path in the log, and see if Windows can find the file.

An issue has been created for the misleading message in here.

answered Jun 16, 2022 at 22:27

Ahmed Ashour

5,66310 gold badges41 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

François Delaplace · Accepted Answer · 2022-09-14 14:49:15Z

1

I got the same issue because I copied a yaml file to create the "app_en.arb" file. I think the issue happened when I renamed it and then the extension .yaml wasn't display. I was seeing "app_en.arb" but in reality it was "app_en.arb.yaml"... Hope this will help some of you.

answered Sep 14, 2022 at 14:49

François Delaplace

6011 gold badge7 silver badges7 bronze badges

Comments

Toufike · Accepted Answer · 2022-10-01 12:48:12Z

1

I deleted the file l10n.yaml then I ran the command "flutter gen-l10n" that fixed my problem. it generated a flutter_gen folder in the .dart_tool. then as soon as your folder is created, re-create the file l10n.yaml and execute the command flutter gen-l10n normally it fixes the problem

edited Oct 1, 2022 at 12:48

answered Oct 1, 2022 at 12:38

Toufike

112 bronze badges

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Nikita Shadkov · Accepted Answer · 2022-12-14 09:40:59Z

1

use this command flutter pub global run intl_utils:generate instead of f̶l̶u̶t̶t̶e̶r̶ ̶g̶e̶n̶-̶l̶1̶0̶n

answered Dec 14, 2022 at 9:40

Nikita Shadkov

7127 silver badges24 bronze badges

Comments

anion · Accepted Answer · 2024-08-10 10:50:24Z

1

Removing the .dart_tool-folder did the trick for me.

answered Aug 10, 2024 at 10:50

anion

2,1661 gold badge29 silver badges43 bronze badges

Comments

belinda.g.freitas · Accepted Answer · 2022-04-22 09:28:06Z

0

The error is showing here

C:\Users\Crosslynx25\Desktop\SW_Mobile_Platform\lib/l10n\app_en.arb

You are on Windows so you should use \ and not / in path. So I think modifying your l10n.yaml like this

arb-dir: lib\l10n

will do the trick.

answered Apr 22, 2022 at 9:28

belinda.g.freitas

1,1673 gold badges10 silver badges18 bronze badges

2 Comments

anion Over a year ago

Does not fix the issue for me. Did you test this fix? Did it work on your system using your fix-description? I get ...\lib%5Csrc%5Clocalization'', does not exist. And even if it would work, it would only be a workaound because you probably want to be able to work together, no matter if the developer use Windows or Linux.

Atamyrat Babayev Over a year ago

Hi, did you find solution for this?

John Colani · Accepted Answer · 2022-09-28 14:03:37Z

0

I don't know why this caused after copy from pub.dev (app_en.arb ) but if you start to refactor --> rename, you can see your file has one empty space after the file format Look at the empty space

enter image description here

edited Sep 28, 2022 at 14:03

answered Sep 28, 2022 at 13:59

John Colani

11 bronze badge

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Elmar · Accepted Answer · 2022-12-05 11:49:58Z

0

In my case, it happened after I implemented localization with Flutter Intl instead of raw l10n with app_en.arb file. So I had intl_en.arb instead of app_en.arb after I removed app_en.arb.

Solution is to remove l10n.yaml file from project folder if you do not need to use app_en.arb file any more. Flutter Intl is definitly more user friendly and easy to implement.

answered Dec 5, 2022 at 11:49

Elmar

4,78934 silver badges38 bronze badges

Comments

Özkan KIZIL · Accepted Answer · 2023-06-21 12:41:35Z

0

I just got the same issue and i checked the official site and writing just "flutter run" and i try and it's solved. Files is created.

answered Jun 21, 2023 at 12:41

Özkan KIZIL

611 silver badge3 bronze badges

1 Comment

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Dylan Bozarth · Accepted Answer · 2024-01-22 02:09:39Z

0

I was able to fix this error by running dart fix --apply

answered Jan 22, 2024 at 2:09

Dylan Bozarth

1,7242 gold badges22 silver badges50 bronze badges

Collectives™ on Stack Overflow

Flutter App Localization : Arb file not readable error

10 Answers 10

Comments

Comments

1 Comment

Comments

Comments

2 Comments

1 Comment

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

10 Answers 10

Comments

Comments

1 Comment

Comments

Comments

2 Comments

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related