title: How to make position a dynamic property of a widget?
body: <p>I want to have a class for a widget with one of its properties being its location. I've tried to do this by wrapping it in Align but it just returns a blank page. what's going wrong?</p>
  <pre><code>class Note extends StatefulWidget {
    @override
    _NoteState createState() =&gt; _NoteState();
  }
  
  class _NoteState extends State&lt;Note&gt; {
    AudioCache _audioCache;
  
    List&lt;NoteButton&gt; notes = [
    NoteButton(hori: 5.0, noteName: 'a3.mp3', num: '0', vert: 8.0),
    NoteButton(hori: 8.0, noteName: 'a-3.mp3', num: '0', vert: 4.0)
    ];
  
  
    Widget buttonTemplate(NoteButton note){
        return Align(
              alignment: Alignment(note.vert, note.hori),
                child: FloatingActionButton(
                    onPressed: () =&gt; null,
      ),
      );
    }
  
  void initState() {
      super.initState();
    
    @override
      Widget build(BuildContext context) {
        return MaterialApp(
          home:  Scaffold(
            body: Row(
              children:  notes.map((note) =&gt; buttonTemplate(note)).toList(),
            ),
          ),
        );
      }
    }
  </code></pre>