Famo.us ارتفاع سكرولفيو

Question

أحاول إضافة صورة أدناه سكرولفيو باستخدام تسلسليالايوت الشهيرة و إم وجود مشكلة مع ارتفاع سكرولفيو.

هذه هي الطريقة التي خلق بلدي سكرولفيو.

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

عندما أضيف الأسطح إلى سكرولفيو مع ارتفاع 250 ، حاوية دوم الأصل سكرولفيو (الشهيرة المجموعة) التي تحتوي على هذه الأسطح لديها عرض وارتفاع 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 مولد)