小编Nad*_*a M的帖子

Flutter:如何更改 Appbar 文本的字体?

这是我的 main.dart 的当前代码。我尝试将 'theme: ThemeData(fontFamily: 'Bebas Neue Regular')' 放在标题下:Text('SMARTID'),因为我想更改 SMARTID 的 Appbar 文本,但它似乎不起作用。

import 'package:flutter/material.dart';

void main() => runApp(MaterialApp(
  home: MyApp(),
  debugShowCheckedModeBanner: false,
));

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

class _MyAppState extends State<MyApp> {
  @override 
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Smart ID',
      home: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage("assets/background.png"), fit: BoxFit.cover)),
        child: Scaffold(
          backgroundColor: Colors.transparent,
          appBar: AppBar(
            elevation: 0,
            backgroundColor: Color(0xff05B068),
            title: Text('SMARTID'),
            theme: ThemeData(fontFamily: 'Bebas Neue Regular'),
            centerTitle: true, …
Run Code Online (Sandbox Code Playgroud)

dart flutter

4
推荐指数
1
解决办法
8300
查看次数

Flutter:如何在 AppBar 的左侧添加徽标图像?

我想在我的 AppBar 的左侧添加一个徽标图像,如下所示:https : //i.stack.imgur.com/qGIbb.png

这是我当前的代码:

主要.dart:

import 'package:flutter/material.dart';
import 'home_page.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(title: "Chat App", home: new LoginPage());
  }
}
Run Code Online (Sandbox Code Playgroud)

home_page.dart:

import 'package:flutter/material.dart';

class LoginPage extends StatelessWidget {
  @override 
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Smart ID',
      home: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage("assets/background.png"), fit: BoxFit.cover)),
        child: Scaffold(
          backgroundColor: Colors.transparent,
          appBar: AppBar(
            elevation: 0,
            backgroundColor: Color(0xff05B068),
            centerTitle: true,
            title: Text('SMARTID', style: …
Run Code Online (Sandbox Code Playgroud)

dart flutter

4
推荐指数
1
解决办法
6263
查看次数

Flutter:如何根据坐标定位徽标图像?

我不想将图像和文本居中,但我想为其设置特定坐标。我似乎无法让对齐命令起作用。

目前我的标志图片和文字如下:

在此处输入图片说明

我希望徽标图像和文本朝向中心,但在 y 轴上稍微向上,而不是完全垂直居中。

这是我的 main.dart 代码:

import 'package:flutter/material.dart';
import 'login_page.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new LoginPage(),
      theme: new ThemeData(
        primarySwatch: Colors.green
      )
    );
  }
}

Run Code Online (Sandbox Code Playgroud)

这是我的 login_page.dart 代码:

import 'package:flutter/material.dart';

class LoginPage extends StatefulWidget{
  @override  
  State createState() => new LoginPageState();
}

class LoginPageState extends State<LoginPage>{
  @override 
  Widget build(BuildContext context){
    return new Scaffold(
      appBar: AppBar(
        title: new Text("SMART ID", textAlign: TextAlign.center, style: TextStyle(fontFamily: 'Open …
Run Code Online (Sandbox Code Playgroud)

dart flutter

1
推荐指数
1
解决办法
1万
查看次数

标签 统计

dart ×3

flutter ×3