[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.