gistfile1.js

//function that creates gym list scroll view
    function _createGymScrollview() {
      var gymScrollview = new Scrollview();

      var gymScrollviewModifier = new StateModifier({
          size: [360, 600],
          origin: [0.5, 0]
      });

      var backModifier = new StateModifier({
        // positions the background behind the tab surface
        transform: Transform.behind
      });

      var surfaces = [];

      gymScrollview.sequenceFrom(surfaces);

      for (var i = 0, temp; i < this.options.data.length; i++) {
          temp = new View({ 
            properties: {
              zIndex: 1 
            }
          });

          var sizeModifier = new Modifier({
            size: [360, 100]
          });

          var tempBackground = new Surface({
            content: this.options.data[i],
            properties: {
               backgroundColor: "#22514E",
               lineHeight: "100px",
               color: "white",
               fontSize: "20px",
               borderBottom: "1px solid #1C413D"
            }
          })

          var tempBackgroundModifier = new Modifier({
            origin: [0.5, 0]
          })

          temp._add(sizeModifier)._add(tempBackgroundModifier).add(tempBackground);

          temp.pipe(gymScrollview);
          surfaces.push(temp);

      }

      this.add(backModifier).add(gymScrollviewModifier).add(gymScrollview);
    }