[TIMOB-24279] Windows: ScrollView don't scroll the content
GitHub Issue | n/a |
---|---|
Type | Bug |
Priority | High |
Status | Closed |
Resolution | Duplicate |
Resolution Date | 2017-01-06T07:36:41.000+0000 |
Affected Version/s | n/a |
Fix Version/s | Release 6.0.0 |
Components | Windows |
Labels | scrollView, windows, windows8.1, windows_phone |
Reporter | Luca Sartori |
Assignee | Kota Iguchi |
Created | 2017-01-05T16:50:07.000+0000 |
Updated | 2017-03-21T23:14:25.000+0000 |
Description
ScrollView don't scroll the content.
Scrollview instead clip the exceeded content.
i have tryied the simple examples that i found on the official documentation:
[http://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.ScrollView]
I attach screenshots captured on the windows phone 8.1 emulator.
When you try to scroll (vertically or horizontally) the only result is the bounce effect of the clipped content.
Example 1:
var win = Ti.UI.createWindow({
backgroundColor:'white'
});
if (Ti.UI.Android){
win.windowSoftInputMode = Ti.UI.Android.SOFT_INPUT_ADJUST_PAN;
}
function createRow(i) {
var row = Ti.UI.createView({
backgroundColor: 'white',
borderColor: '#bbb',
borderWidth: 1,
width:'100%', height: 70,
top: 0, left: 0
});
var inputTextField = Ti.UI.createTextField({
hintText: 'Enter value ' + i,
keyboardType: Ti.UI.KEYBOARD_NUMBERS_PUNCTUATION,
top: 10, left: '10%',
width: '80%', height: 60
});
row.add(inputTextField);
return row;
}
var scrollView = Ti.UI.createScrollView({
bottom:120,
layout: 'vertical'
});
for(var i = 0; i <= 20; i++){
var row = createRow(i);
scrollView.add(row);
}
win.add(scrollView);
var label = Ti.UI.createLabel({
backgroundColor:'darkgray',
text: 'Your advert here',
textAlign: 'center',
bottom:0,
width: Titanium.UI.FILL,
height:100
});
win.add(label);
win.open();
Example 2:
<Alloy>
<Window id="win" backgroundColor="white" exitOnClose="true" fullscreen="false" title="ScrollView Demo">
<ScrollView id="scrollView" showVerticalScrollIndicator="true" showHorizontalScrollIndicator="true" height="80%" width="80%">
<View id="view" backgroundColor="#336699" borderRadius="10" top="10" height="2000" width="1000" />
</ScrollView>
</Window>
</Alloy>
Attachments
File | Date | Size |
---|---|---|
example_1.png | 2017-01-05T16:35:01.000+0000 | 16746 |
example_2.png | 2017-01-05T16:49:55.000+0000 | 3278 |
[~kota] Something you might know something about?
Duplicate of TIMOB-23930, this should be fixed in 6.0.0.
Closing ticket as duplicate with reference to the above comments and links.