[Flutter] 作業の間いろいろ その２

今回もアプリ作りながら、自分のために、メモします。
皆さんの少しこれ見て役に立たら良いなと笑
もう、全部知っている方もいるかもしれないです。


# debugShowCheckedModeBanner

これで、画面のDebugの文字がなくなる。

```dart:main.dart
debugShowCheckedModeBanner: false,
```

##例

```dart:main.dart

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      home: MyHome(),
    );
  }
}

```

#AppBar

Appbarのoption Iconはこれで、簡単に作れます。
androidというとonCreateOptionsMenu()　Methodと同じです。

```dart:main.dart
 actions: <Widget>[
          IconButton(
            icon: Icon(Icons.camera),
            color: Colors.grey,
            onPressed: (){},
          )
        ],
```

##例
```dart:main.dart

 return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.transparent,
        elevation: 0.0,
        title: Text(
          'Discovery',
          style: TextStyle(
            fontSize: 12.0,
            color: Colors.black,
            fontFamily: 'Montserrat',
          ),
        ),
        actions: <Widget>[
          IconButton(
            icon: Icon(Icons.camera),
            color: Colors.grey,
            onPressed: (){},
          )
        ],
      ),
    );

```


# Material

これで、Cardを作れる。Sizeは自分の好みで、自由に


```dart:main.dart

child: Material(
              borderRadius: BorderRadius.circular(15.0),
              elevation: 4.0,
              child: Container(
                height: 450.0,
                width: double.infinity,
                padding: EdgeInsets.all(15.0),
              ),
            ),

```


#DecorationImage

decorationをイメージを使いたい。
DecorationImageとAssetImageとBoxFit.coverを覚えよう。
borderRadiusとBorderRadius.circular()　やBorderRadius.all()をよく使うので、
覚えよう。

```dart
 Container(
    height: 50.0,
    width: 50.0,
    decoration: BoxDecoration(
     borderRadius: BorderRadius.circular(25.0),
     image: DecorationImage(
            image: AssetImage('assets/model1.jpeg'),
            fit: BoxFit.cover)
      ),
),

```

#bottomNavigationBar

##例1

```dart:main.dart

bottomNavigationBar: BottomNavigationBar(
       currentIndex: 0, // this will be set when a new tab is tapped
       items: [
         BottomNavigationBarItem(
           icon: new Icon(Icons.home),
           title: new Text('Home'),
         ),
         BottomNavigationBarItem(
           icon: new Icon(Icons.mail),
           title: new Text('Messages'),
         ),
         BottomNavigationBarItem(
           icon: Icon(Icons.person),
           Title: Text('Profile')
         )
       ],
     ),

```

##例2
```dart:main.dart
bottomNavigationBar: Material(
        color: Colors.white,
        child: TabBar(
          tabs: <Widget>[
            Tab(icon: Icon(Icons.more, color: Colors.grey, size: 15.0)),
            Tab(icon: Icon(Icons.play_arrow, color: Colors.grey, size: 15.0)),
            Tab(icon: Icon(Icons.navigation, color: Colors.black, size: 15.0)),
            Tab(
                icon: Icon(Icons.supervised_user_circle,
                    color: Colors.grey, size: 15.0)),
            
            
          ],
          controller: _tabController,
          indicatorColor: Colors.transparent,
        ),
      ),

```