<div dir="ltr">looks there is something wrong in the default app code template, which is when I add more items in the Column, the flickable is not working correctly, until I change the contentHeight to be Column.height instead of childrenRect.height.<div>
<br></div><div>
<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(0,128,0)">//</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">To</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">enable</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">PullDownMenu,</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">place</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">our</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">content</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">in</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">a</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">SilicaFlickable</span></pre>

<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">    </span><span style="color:rgb(128,0,128)">SilicaFlickable</span><span style="color:rgb(192,192,192)"> </span>{</pre>
<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">        </span><span style="color:rgb(128,0,0)">anchors.fill</span>:<span style="color:rgb(192,192,192)"> </span><span style="font-style:italic;color:rgb(0,0,0)">parent</span></pre>

<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">        </span></pre>
<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">        </span><span style="color:rgb(0,128,0)">//</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">PullDownMenu</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">and</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">PushUpMenu</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">must</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">be</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">declared</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">in</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">SilicaFlickable,</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">SilicaListView</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">or</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">SilicaGridView</span></pre>

<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">        </span><span style="color:rgb(128,0,128)">PullDownMenu</span><span style="color:rgb(192,192,192)"> </span>{</pre>
<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">            </span><span style="color:rgb(128,0,128)">MenuItem</span><span style="color:rgb(192,192,192)"> </span>{</pre>
<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">                </span><span style="color:rgb(128,0,0)">text</span>:<span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">"Show</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">Page</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">2"</span></pre>

<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">                </span><span style="color:rgb(128,0,0)">onClicked</span>:<span style="color:rgb(192,192,192)"> </span><span style="font-style:italic;color:rgb(0,0,128)">pageStack</span>.push(<span style="font-style:italic;color:rgb(0,85,175)">Qt</span>.resolvedUrl(<span style="color:rgb(0,128,0)">"SecondPage.qml"</span>))<span style="color:rgb(192,192,192)">                   </span></pre>

<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">            </span>}</pre>
<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">        </span>}</pre>
<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">        </span></pre>
<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">        </span><span style="color:rgb(0,128,0)">//</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">Tell</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">SilicaFlickable</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">the</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">height</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">of</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">its</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">content.</span></pre>

<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">        </span><span style="color:rgb(0,128,0)">//contentHeight:</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">childrenRect.height</span></pre>

<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">        </span><span style="color:rgb(128,0,0)">contentHeight</span>:<span style="color:rgb(192,192,192)"> </span><span style="font-style:italic;color:rgb(0,0,0)">column</span>.height;</pre>

<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">        </span></pre>
<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">        </span><span style="color:rgb(0,128,0)">//</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">Place</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">our</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">content</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">in</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">a</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">Column.</span><span style="color:rgb(192,192,192)">  </span><span style="color:rgb(0,128,0)">The</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">PageHeader</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">is</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">always</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">placed</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">at</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">the</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">top</span></pre>

<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">        </span><span style="color:rgb(0,128,0)">//</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">of</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">the</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">page,</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">followed</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">by</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">our</span><span style="color:rgb(192,192,192)"> </span><span style="color:rgb(0,128,0)">content.</span></pre>

<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">        </span><span style="color:rgb(128,0,128)">Column</span><span style="color:rgb(192,192,192)"> </span>{</pre>
<pre style="margin-top:0px;margin-bottom:0px"><span style="color:rgb(192,192,192)">            </span><span style="color:rgb(128,0,0)">id</span>:<span style="color:rgb(192,192,192)"> </span><span style="font-style:italic;color:rgb(0,0,0)">column</span></pre>
<div><br></div><div><br></div><div><pre style="margin-top:0px;margin-bottom:0px"></pre></div></div></div>