Uploaded image for project: 'Alloy'
  1. Alloy
  2. ALOY-1532

Windows: SearchBar (inside ListView) is not working well for alloy project

    Details

    • Type: Bug
    • Status: Closed
    • Priority: High
    • Resolution: Not Our Bug
    • Affects Version/s: Release 6.0.0
    • Fix Version/s: None
    • Component/s: Titanium SDK
    • Labels:
    • Environment:

      SDK 5.5.1, 6.0.0 and 6.0.1
      CLI 6.0.0
      studio 4.8.0
      Windows 10

      Description

      Reproduce

      1. Create a simple alloy project with following code.

      <Alloy>
      <Window fullscreen="true">
      <ListView>
      <SearchBar barColor="#000" />
       
      <ListSection>
      <ListItem title="Papaya" searchableText="Papaya"/>
      <ListItem title="Peach" searchableText="Peach"/>
      <ListItem title="Pear" searchableText="Pear"/>
      <ListItem title="Persimmon" searchableText="Persimmon"/>
      <ListItem title="Pineapple" searchableText="Pineapple"/>
      <ListItem title="Pluot" searchableText="Pluto"/>
      <ListItem title="Pomegranate" searchableText="Pomegranate"/>
      </ListSection>
       
      </ListView>
      </Window>
      </Alloy>
      

      2. Run it on Windows10 device.

      Actual

      There is no searchBar on screen like the screenshot attached.

      Note

      1. If create a simple classic project, with following codes, then run it on same device. It is working well.

      var win = Ti.UI.createWindow({
          backgroundColor: 'green',
          layout: 'vertical'
      });
      var searchBar = Ti.UI.createSearchBar({
          width: Ti.UI.FILL,
          height: '10%'
      });
      var listView = Ti.UI.createListView({
          searchView: searchBar,
          width: Ti.UI.FILL, height: '80%'
      });
      var sections = [];
       
      var fruitSection = Ti.UI.createListSection({ headerTitle: 'Fruits' });
      var fruitDataSet = [
          { properties: { title: 'Apple' } },
          { properties: { title: 'Banana' } },
      ];
      fruitSection.setItems(fruitDataSet);
      sections.push(fruitSection);
       
      var vegSection = Ti.UI.createListSection({ headerTitle: 'Vegetables' });
      var vegDataSet = [
          { properties: { title: 'Carrots' } },
          { properties: { title: 'Potatoes' } },
      ];
      vegSection.setItems(vegDataSet);
      sections.push(vegSection);
       
      listView.sections = sections;
      win.add(searchBar);
      win.add(listView);
      win.open();
      

      2. Tested on SDK 5.5.1.GA, 6.0.0.GA and 6.0.1.

      3. Same code is working well on iOS and Android.

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                fmiao Feon Sua Xin Miao
                Reporter:
                sliang Shuo Liang
              • Watchers:
                5 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Backbone Issue Sync

                  • Backbone Issue Sync is enabled for your project, but we do not have any synchronization info for this issue.

                    Git Integration