본문 바로가기
Flutter/Flutter FAQ

Flutter 플러터 - 가운데에 위치한 FloatingActionButton, Flutter - FloatingActionButton in the center

by 베타코드 2023. 9. 29.
반응형

질문


FloatingActionButton을 오른쪽 대신 가운데에 배치하는 것이 가능한가요?

import 'package:flutter/material.dart';
import 'number.dart';
import 'keyboard.dart';

class ContaPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) => new Scaffold(
    body: new Column(
      children: <Widget>[
        new Number(),
        new Keyboard(),
      ],
    ),
    floatingActionButton: new FloatingActionButton(
      elevation: 0.0,
      child: new Icon(Icons.check),
      backgroundColor: new Color(0xFFE57373),
      onPressed: (){}
    )
  );
}

enter image description here


답변


이 질문이 처음에 답변될 때 추가되었는지는 모르겠지만, 이제는 Scaffold 클래스에 floatingActionButtonLocation 속성이 있습니다.

원래 질문에서는 다음과 같이 작동할 것입니다:

class ContaPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) => new Scaffold(
    // ...

    floatingActionButton: new FloatingActionButton(
      // ...FloatingActionButton 속성...
    ),

    // 여기에 새로운 속성이 있습니다:

    floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
  );
}

또한 문서를 참조하십시오:

반응형

댓글