RoundedRectangleBorder 不适用于 flutter 中的 ListTile 或 Card

Question

I have this custom function that returns a card containing ListTile. I'm having some trouble with styling. I want to apply rounded corners either to card or ListTile (I just want rounded corners) as below. It didn't work with me.

I tried to apply cardTheme to all cards in a customized theme in a separate file but doesn't work, also in my code underneath I wanted the card to be colored blue at the moment the user presses and the default ripple effect to show but couldn't. Also couldn't apply blue border around the card. something is going wrong with my styling

Card myCardListTile(MyScreen myScreen, BuildContext context) {
return Card(
  child: ListTile(
    contentPadding: EdgeInsets.all(10),
    shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(18.0),
        side: BorderSide(color: kColorOxfordBlue, width: 12)),
    // focusColor: kColorOxfordBlue,
    // hoverColor: kColorOxfordBlue,
    onTap: () {
      Navigator.pushNamed(context, myScreen.route);
    },
    title: Text(
      myScreen.title,
      style: Theme.of(context).textTheme.headline6,
      // TextStyle(),
    ),
  ),
);


Class AppTheme {  
static final ThemeData lightTheme = ThemeData(
  cardTheme: CardTheme(
  shape: RoundedRectangleBorder(borderRadius:   BorderRadius.circular(18.0)),
),
);}

and in the main.dart I used AppTheme.lightTheme

return MaterialApp(
  theme: AppTheme.lightTheme,
  // code

Answer 1

Is it mandatory to use list view? cause you can use other widgets like container inside card with rounded corners. For example

return Card(
  elevation: 10.0,
  color: Colors.blue,
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(15.0),
  ),
  child: Container(
    padding: EdgeInsets.symmetric(vertical: 0.0, horizontal: 8.0),
    child: Row(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      crossAxisAlignment: CrossAxisAlignment.center,
      mainAxisSize: MainAxisSize.min,
      children: <Widget>[
        Text('something here'),
        SizedBox(width: 4.0),
        Text('something other here'),
      ],
    ),
  ),
);

You can customize container as per your need, hope it helps..