如何从 TextButton 抖动中删除边框半径

Question

I'm new to flutter, and I'm having this problem where my TextButton has a little border radius. Does anyone know how to remove the border radius from a TextButton ?

My output

My Code sorry for not including earlier My Code

Answer 1

Try with this and you need to use border-radius in container.

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)],
              ),
            );
          }
      ),
    );
  }
}

output:

Answer 2

You can add a shape parameter to your TextButton

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

Answer 3

add this line of code to your TextButton()

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