title: Multiple buttons/Texts in a circle in flutter
body: <p>I'm trying to create a circle in the flutter. I want to add multiple buttons and bound them in a circle like this.
  <a href="https://i.stack.imgur.com/XS7CE.png" rel="noreferrer"><img src="https://i.stack.imgur.com/XS7CE.png" alt="enter image description here"></a><br>
  The marked fields are supposed to be buttons and <strong>Course 1</strong> is just the text.
  I am able to create something like this but it is only string splitted in the button.<br>
  <a href="https://i.stack.imgur.com/mBr1I.png" rel="noreferrer"><img src="https://i.stack.imgur.com/mBr1I.png" alt="enter image description here"></a><br>
  Here is my code for this. I'm not getting any idea about how to do this task. I'm new to flutter.</p>
  
  <pre><code>import 'package:flutter/material.dart';
  void main(){runApp(MyApp());}
  class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
  return MaterialApp(
  home: Scaffold(
    appBar: new AppBar(
      title: Text("Student home"),
    ),
    body:Center(
      child: Container(
        margin: EdgeInsets.all(10),
        padding: EdgeInsets.all(10),
        width: 200,
        height: 200,
        child: Center(
          child: Text("Course 1 \n Course 2",
  
              style: TextStyle(fontSize: 12.0,
                fontStyle: FontStyle.italic,
  
  
          ),
  
            textAlign: TextAlign.center,
  
          ),
        ),
        decoration: BoxDecoration(
          border:Border.all(width:3),
          borderRadius: BorderRadius.all(
            Radius.circular(50),
          ),
            color: Colors.yellow,
        ),
      ),
    )
  ),
  );
  </code></pre>
  
  <p>}
  }</p>