Fuse ScrollView

main.js

var Observable = require('FuseJS/Observable');

var name = Observable("Kevin");

var people = Observable();

for (var i = 0; i < 10; i++) {
	people.add({name:"Man " + i, age: "He is " + ((2*i)+1) + " years old."})
}

setTimeout(function(){
	name.value = "Fuse";
},1000);

function Say() {
  console.log("Say it");
}

module.exports = {
	name: name,
  Say:Say,
	people: people
};

MainView.ux

<App Theme="Basic">
  <JavaScript File="main.js" />
  <ScrollView Padding="30" ScrollPositionChanged="{Say}">
    <StackPanel ItemSpacing="20">
      <Each Items="{people}">
          <Rectangle>
            <Stroke Width="2" Brush="#000" />
            <StackPanel ItemSpacing="5" Margin="10">
              <Text Value="{name}" FontSize="20" TextColor="#000" Margin="0"/>
              <Text Value="{age}" TextColor="#aaa"/>
            </StackPanel>
            <WhilePressed>
              <Scale Factor="0.98" Duration="0.1"/>
            </WhilePressed>
          </Rectangle>
      </Each>
    </StackPanel>
  </ScrollView>
</App>