如何從 TextButton 抖動中刪除邊框半徑

Question

我是 flutter 的新手，我遇到了這個問題，我的TextButton的邊框半徑很小。 有誰知道如何從TextButton中刪除邊框半徑？

我的輸出

我的代碼很抱歉沒有包括更早的我的代碼

Answer 1

試試這個，你需要在容器中使用 border-radius 。

import 'dart:math';

import 'package:flutter/material.dart';
void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
        title: "ListView.builder",
        theme: new ThemeData(
            primarySwatch: Colors.green
        ),
        debugShowCheckedModeBanner: false,
        home: new ListViewBuilder()
    );
  }
}
class ListViewBuilder extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
          title:Text("ListView.builder")
      ),
      body: ListView.builder(
          itemCount: 15,
          itemBuilder: (BuildContext context,int index){
            return TextButton(
              child: Container(
                width: double.infinity,
                height: 205,
                color: Colors.primaries[Random().nextInt(Colors.primaries.length)],
              ),
            );
          }
      ),
    );
  }
}

輸出：

Answer 2

您可以向TextButton添加形狀參數

TextButton(
      style: TextButton.styleFrom(
          backgroundColor: Colors.yellow,
          shape: const RoundedRectangleBorder(
              borderRadius: BorderRadius.all(Radius.zero))),
      child: const Text("BUtton"),
      onPressed: () {},
    )

Answer 3

將這行代碼添加到您的 TextButton()

style: TextButton.styleFrom(
              shape: const BeveledRectangleBorder(borderRadius: BorderRadius.zero),
            ),