The most common and simple way is to use a TextButton. Just pass whatever you want showing as the text under child. Use onPressed to have a function called upon button click:
TextButton(
child: Text('fileidea.com'),
onPressed: () {
print('Pressed');
}
)
So have a border around the button you can use the style property like this:
TextButton(
child: Text('fileidea.com'),
style: TextButton.styleFrom(
primary: Colors.white,
backgroundColor: Colors.green,
onSurface: Colors.grey,
),
onPressed: () {
print('Pressed');
},
)