Alloy view not working with Native ios module

203 Views Asked by At

I have developed a native module which requires me to pass a view while opening the module controller. The module is basically a PDF Reader and I need to put a custom sharing button which I need to pass from Titanium code. This button view was visible and working perfectly fine with Classic Titanium apps and also working fine when I programmatically create the button. The only problem is now using Alloy, I created a separate control for the button and now it stopped working.

Below I have pasted snippet for demo code.

Here is my code which was working fine when used programmatic control:

App.js:

var shareBase = Ti.UI.createView({
width: 40,
height: 40,
top: 0,
left: 0,
backgroundColor: 'green'
});
var shareview = Ti.UI.createView({
backgroundImage: 'shareview.png',
width: 40,
height: 40,
});
shareBase.add(shareView);
...
...
...

// Below is the code how I am passing the view for the module
var PDF_READER = require('com.investis.docreader');
var document = PDF_READER.createPDFDocument(reportFile.nativePath.trim());
...
document.setCustomView(shareBase); // Share view is being passed
document.setTitle(report.title);
document.display();

Controller in the module which accepts the view passed from Titanium code: controller.m

- (void)setCustomView: (id)args {
    TiUIViewProxy *_argVw = args;
    if (!args) {
        NSLog(@"View Proxy nil", nil);
    }

    [_pdfViewController setCustomView: _argVw.view ];  // _argVw.view gets UIView from ViewProxy
    NSLog(@"View assigned here", nil);
    NSLog([_argVw description], nil);
    NSLog([_argVw.view description], nil);
}

pdfViewController.m - The controller from where original PDF Reader is called, so I need to pass the view to this controller which loads the view into Toolbar

...
_customButton = [[UIBarButtonItem alloc] initWithCustomView: _customView]; // _customView is the view which is passed from controller.m
...
// Now display button items into toolbar
toolbarItems = [NSArray arrayWithObjects:... _customButton, fixedSpace, ..., nil];

The above code was working fine. But when I implemented the code as Alloy controller, the custom view is stopped being loaded from the controller.

App.js

var pdfshare = Alloy.createController("SocialShare", {});
...
document.setCustomView(pdfshare.getView()); // Passing custom view from the controller, other code in the file remain same
...

Here is the code how SocialShare is created. SocialShare.xml

<Alloy>
    <View id="container" class="container">
        <View id="shareIt" onSingletap="shareIt" platform="ios"/>
        <View id="shareIt" onSingletap="shareItAndroid" platform="android" />
    </View>
</Alloy>

SocialShare.tss

".container":{
    backgroundColor: 'yellow',
    borderWidth: 2,
    borderColor: 'black',
    right: 0,
    bottom: 0
},

".container[formFactor=tablet]":{
    height: 43,
    width: 43
},

".container[formFactor=handheld]":{
    height: 40,
    width: 40
}

SocialShare.js

var args = arguments[0] || {};
...
// Here nothing extra ordinary UI related tasks are performed. Only event handlers for shareIt

The same code at Module side but still it stopped working. If I pass view generated programmatically then it works fine. Let me know if we need to treat Alloy views differently or not. I have searched a lot over Google and read through docs but unable to find any proper solution.

Details:- Titanium SDK: 3.2.3.GA

Alloy: 1.3.0

iPhone Simulator: 7.1

Let me know if there is any solution around this or any patch.

0

There are 0 best solutions below