title: What is the relation between stateful and stateless widgets in Flutter?
body: <p>A stateful widget is defined as any widget which changes its state within its lifetime. But it is a very common practice for a <code>StatelessWidget</code> to have a <code>StatefulWidget</code> as one of its children. Doesn't <code>StatelessWidget</code> become stateful if it has <code>StatefulWidget</code> as one of its children?</p>
  
  <p>I tried looking into the documentation as part of the code of <code>StatelessWidget</code>, but couldn't figure out how a <code>StatelessWidget</code> can have <code>Statefulwidget</code> as its children and still remain <code>StatelessWidget</code>.</p>
  
  <p>What is the relation and difference between stateful and stateless widgets in Flutter?</p>