Famo.us 스크롤뷰 높이

Question

유명한 순차적 레이아웃을 사용하여 스크롤뷰 아래에 이미지를 추가하려고 하는데 스크롤뷰 높이에 문제가 있습니다.

이것이 내 스크롤 뷰를 만드는 방법입니다.

var scrollview = new Scrollview({       
    direction: Utility.Direction.X,
    options: {
        size: [300, 300]
    },        
    paginated: true
});

높이가 250인 스크롤뷰에 표면을 추가하면 이러한 표면을 포함하는 스크롤뷰의 상위 DOM 컨테이너(유명 그룹)의 너비와 높이가 0이 됩니다.

순차 레이아웃 내에서 이 스크롤 뷰를 첫 번째 항목으로 추가하면 높이가 없는 두 번째 항목 또는 표면이 이 스크롤 뷰 위에 표시됩니다.

Famo.us를 사용하여 이 문제를 해결하는 방법에 대한 아이디어가 있습니까?

Answer 1

그런 크기를 설정할 수는 없습니다. 이를 위해 수정자를 사용하세요.

이것이 렌더 트리가 될 것입니다.

MainContext
   SequentialLayout
      Modifier(size)
          ScrollView
      Modifier(size)
          Image

코드 조각:

// Create components
var scrollview = new ScrollView();
var image = new ImageSurface({
    content: 'content/images/famous_symbol_transparent.png'
});

// Create Size Modifiers
var scrollModifier = new StateModifier({ size: [200,200]});
var imageModifier = new StateModifier({ size: [200,200]});

// Wrap the Modifier in a RenderNode, so we can add the surface
// (you can't add surfaces directly to a modifier)
var scrollNode = new RenderNode(scrollModifier)
scrollNode.add(scrollview);

var imageNode = new RenderNode(imageModifier);
imageNode.add(image);

// Create a SequentialLayout
var sequence = new SequentialLayout();
sequence.sequenceFrom([scrollNode,imageNode]);

그리고 여기에는 예제 요지 (복사-붙여넣기 main.js 실행 후 yo famous 발전기)