# Chapter 3, Starter project , App Bar Title not centered

**URL:** <https://forums.kodeco.com/t/chapter-3-starter-project-app-bar-title-not-centered/161465>\
**Category:** Flutter Apprentice\
**Created:** [January 2, 2022, 11:54pm UTC](https://forums.kodeco.com/t/chapter-3-starter-project-app-bar-title-not-centered/161465 "2022-01-02T23:54:01Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![naplesdave](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/naplesdave/32/108827_2.png) [@naplesdave](https://forums.kodeco.com/u/naplesdave)\
**Post date:** [January 2, 2022, 11:54pm UTC](https://forums.kodeco.com/t/chapter-3-starter-project-app-bar-title-not-centered/161465/1 "2022-01-02T23:54:01Z")

</div>

2nd Ed, Chapter 3, After opening the starter project and running it I noticed that the AppBar title text was left aligned, not centered as it is shown in the materials. I added the property centerTitle: true. to the AppBar Widget as shown and it is centered now.

```auto
 return MaterialApp(
      // TODO: Add theme
      title: 'Fooderlich',
      // 4
      home: Scaffold(
        // TODO: Style the title
        appBar: AppBar(
          title: const Text('Fooderlich'),
          centerTitle: true,
        ),

```

---

<div class="post-metadata">

**Author:** ![jomoka](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/jomoka/32/109828_2.png) [@jomoka](https://forums.kodeco.com/u/jomoka)\
**Post date:** [January 6, 2022, 3:44pm UTC](https://forums.kodeco.com/t/chapter-3-starter-project-app-bar-title-not-centered/161465/2 "2022-01-06T15:44:04Z")

</div>

Hi @naplesdave are you using iOS or Android? It’s common for Android apps to align their title to the left of the AppBar

---

<div class="post-metadata">

**Author:** ![naplesdave](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/naplesdave/32/108827_2.png) [@naplesdave](https://forums.kodeco.com/u/naplesdave)\
**Post date:** [January 6, 2022, 7:29pm UTC](https://forums.kodeco.com/t/chapter-3-starter-project-app-bar-title-not-centered/161465/3 "2022-01-06T19:29:38Z")

</div>

I am using a Pixel 4 emulator in the Android Studio. I also have a iPhone 8 setup in MAC Simulator. But the left align thing is showing up on my ANDROID emulator. The centerTitle: true under the scoffold fixes it though.

---

<div class="post-metadata">

**Author:** ![jomoka](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/jomoka/32/109828_2.png) [@jomoka](https://forums.kodeco.com/u/jomoka)\
**Post date:** [January 7, 2022, 4:20am UTC](https://forums.kodeco.com/t/chapter-3-starter-project-app-bar-title-not-centered/161465/4 "2022-01-07T04:20:15Z")

</div>

@naplesdave ah yes, android by default will align it left, and iOS by default will align it to the center. It’s their design system.

---

<div class="post-metadata">

**Author:** ![arababs2015](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/arababs2015/32/102075_2.png) [@arababs2015](https://forums.kodeco.com/u/arababs2015)\
**Post date:** [January 7, 2022, 9:46am UTC](https://forums.kodeco.com/t/chapter-3-starter-project-app-bar-title-not-centered/161465/5 "2022-01-07T09:46:45Z")

</div>

i can get the starter file to run in chapter 3:  
getting this error

Using hardware rendering with device sdk gphone x86. If you notice  
graphics artifacts, consider enabling software rendering with  
“–enable-software-rendering”.  
Launching lib/main.dart on sdk gphone x86 in debug mode…

FAILURE: Build failed with an exception.

- Where:  
Script ‘/home/ara/snap/flutter/common/flutter/packages/flutter\_tools/gradle/flutter.gradle’ line: 386

- What went wrong:  
A problem occurred configuring project ‘:path\_provider’.

> Failed to notify project evaluation listener.  
> FlutterPlugin$\_configurePluginProject\_closure13$\_closure38

- Try:  
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

- Get more help at [https://help.gradle.org](https://help.gradle.org)

BUILD FAILED in 27s

---

<div class="post-metadata">

**Author:** ![jomoka](https://assets.chunter.kodeco.com/user_avatar/forums.kodeco.com/jomoka/32/109828_2.png) [@jomoka](https://forums.kodeco.com/u/jomoka)\
**Post date:** [January 17, 2022, 1:55am UTC](https://forums.kodeco.com/t/chapter-3-starter-project-app-bar-title-not-centered/161465/6 "2022-01-17T01:55:39Z")

</div>

> [@arababs2015](#):
>
> A problem occurred configuring project ‘:path\_provider’.

Hi @arababs2015 were you able to get it to work? Could you try:

```auto
flutter run --verbose

```

And send the output, so we can better look at what the issue is?
