[TIMOB-26168] Android: ScrollView does not show ScrollIndicators

GitHub Issue	n/a
Type	Bug
Priority	Critical
Status	Closed
Resolution	Fixed
Resolution Date	2018-08-13T18:17:45.000+0000
Affected Version/s	n/a
Fix Version/s	Release 7.5.0
Components	Android
Labels	android, defect
Reporter	Russell Kenny
Assignee	Gary Mathews
Created	2018-06-28T17:55:55.000+0000
Updated	2018-09-11T17:39:54.000+0000

Description

Nothing seems to work to get the ScrollView ScollIndicators to show up. Here's the example code from the documentation, and corresponding screenshot.

<Alloy>
<Window title="Scrollbar Test">
  <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
Screenshot_1530209007.png	2018-06-28T18:06:02.000+0000	35044
Screenshot_20180628-135125.jpg	2018-06-28T17:55:31.000+0000	88224

Comments

Russell Kenny 2018-06-28

Update, I also tested in Android 7 running in an emulator and got the same result: no scrollbars appear either when the window is first opened, OR when actual scrolling is taking place. I am using some custom colors in my AppCompat theme defined in app/platform/android/res/values/MYTHEME.xml, but I'm not setting anything to white, and I confirmed that commenting out the entire block of XML has no effect on the issue. Here it is anyway in case you're interested:

   <?xml version="1.0" encoding="utf-8"?>
   <resources>
   	<style name="MYTHEME" parent="@style/Theme.AppCompat">
   		<item name="colorPrimary">#002244</item>
   		<item name="colorPrimaryDark">#002244</item>
   		<item name="colorAccent">#00c1ff</item>
   		<item name="colorControlNormal">#002244</item>
   		<item name="colorControlActivated">#00c1ff</item>
   		<item name="colorControlHighlight">#00c1ff</item>
   		<item name="colorSwitchThumbNormal">#002244</item>
   		<item name="android:colorButtonNormal">#00a5da</item>
   		<item name="android:colorEdgeEffect">#00c1ff</item>
   	</style>
   </resources>

Gary Mathews 2018-06-28

*TEST CASE*

   const win = Ti.UI.createWindow({ backgroundColor: 'gray' }),
         scrollView = Ti.UI.createScrollView({
             showVerticalScrollIndicator: true,
             width: Ti.UI.FILL, height: Ti.UI.FILL
         }),
         view = Ti.UI.createLabel({ backgroundColor: 'red', width: 1000, height: 1000, text: 'SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL' });
   
   scrollView.add(view);
   win.add(scrollView);
   win.open();

Gary Mathews 2018-06-28

master: https://github.com/appcelerator/titanium_mobile/pull/10142

Keerthi Mahalingam 2018-09-11

Verified the fix on Sdk 7.5.0.v20180911090425.Scroll view appears both on when windows opens and scrolling happens. Closing.

   Operating System
     Name                        = Mac OS X
     Version                     = 10.13.6
   Node.js
     Node.js Version             = 8.9.1
     npm Version                 = 5.5.1
   Titanium CLI
     CLI Version                 = 5.1.1
   Titanium SDK
     SDK Version                 = 7.5.0.v20180911090425
   Samsung galaxy s5 -android 6.0.1
   nexus 6 emulator  with android 7

JSON Source