I have a problem. In Flex Mobile project, I can not use the usual mx:TabNavigator. I need to dynamically create tabs and close them.
With s:TabbedViewNavigator I can not dynamically create "Views", and tabs for them. I could not close these tabs.
what can I do to use tabNavigator?
Thanks.
P.S. I use FlashBuilder 4.5 with AIR 2.6 SDK
Mobile Flex project support only a very limited amount of the old mx components, the TabNavigator is not one of them.
For a dynamic tab navigation use a for example a ButtonBar linked with a ViewNavigator.
Related
My question is does pdftron give react native developpers some alternatives to change the whole ui?
As an example, i want to create a bottomTab to control the annotations and other things.
is it possible to do it without touching the java and swift code ?
you can create your own custom UI and use the set tool API in the PDFTron library. This allows the developer to set what tool mode is currently being used. You can also hide existing toolbars by using the available api’s.
Please see https://github.com/PDFTron/pdftron-react-native/blob/master/API.md#settoolmode for more information.
We have a developed react native project using JavaScript, now we decided to have it's website too. We found out that Microsoft introduced ReactXP and it is able to release website too. is it possible to convert current react native project to reactXP?
Yes, it's possible. You'll need to replace tags like <View/> with <RX.View/>, <Text/> with <RX.Text/>, etc. Then, when compiling for the browser or native, ReactXP will internally exchange <RX.View/> etc. with the appropriate tag automatically depending on your current target (<div/> for the browser and <View/> for native).
But you don't have to exchange all tags with their <RX.* counterparts right away. Meaning you can still use a few <div/> etc. for the browser target and <View/> etc. for the native target. However, if you really only want one codebase and then cross-compile to any target, then you need to replace them all.
Styling is a bit different too: ReactXP doesn't have percentage values for width, height, etc.
I need to create an app using react native in both android and iOS and i'm still a newbie. So,now i need to implement a drawer like shown in the image above.I've already searched for an example or project that meets with my needs but too badly, i couldn't find anything suitable for me.So can you help me and thank you
http://2.bp.blogspot.com/-1_Fi6T2l1LY/VUfHyQlwenI/AAAAAAAAC8g/wkWN42gNaDw/s320/device-2015-05-04-101820_1.gif
You could use this library:
https://github.com/react-native-material-design/react-native-material-design
I think it can solve your problem
This RN starter has an example as well:
https://github.com/infinitered/ignite
You should not implement it from scratch yourself but instead you can use a starter project like this. If you want these animations on the drawer icon you can also check the Airbnb's Lottie.
How to implement the hamburger menu with react-native-paper:
https://callstack.github.io/react-native-paper/integrate-app-bar-with-react-navigation.html
https://medium.com/#mdeepikayadav029/side-menu-bar-after-login-screen-in-react-native-4cabee7ca2b0
At the time, this one worked for me (0.63.4). The others I found were from previous versions (0.45) and required a lot of adjustments regarding newer version implementations. No other extra files are needed except these ones after creating a unmanaged blank project:
App.js
LoginScreen.js
HeaderComponent.js
FirstScreen.js
SecondScreen.js
Some cross-platform tools (like Xamarin native and RubyMotion) allow the development of two separate views for Android and iOS, while keeping the business logic shared for both of them. Others (like Apache Cordova or Xamarin.Forms) share both UI and business layer, with the option to use platform-specific overrides when necessary.
What is the state of the interpreted JavaScript frameworks (NativeScript, React Native or Appcelerator)? Are they all focused on creating single UI with platform overrides, or do they allow creating two separate views for each platform? For example, is it possible to create a view using Fragments in Android, but a different view on iOS (since Fragments do not exist there)?
Cordova uses WebView, that mean GUI level will be the same for both Android and iOS but different per Device version. In case of Android each client has own Chronium version and it can break UI behaviour. So developers use Crosswalk to set fixed Chronium version. (extra 20M to your application).
BTW Ionic that uses Cordova architecture uses native behaviour per platform. For example for Android Tabs located at the top, on iOS - at the bottom
On other hand Xamarin (C#), React-Native(JS) and NativeScript(JS) call native APIs. They don't use WebView but generate Native code.
For example if you create button - it will look different: on Android - material theme, on iOS - iPhone theme
Anyways, the bottom line is: everything depends on resources and time. If you want to build application fast, with the same view - I would go on Ionic2+ Angular2 + Cordova.
If you you have more time - go on React-Native or NativeScript (Still has poor documentation) or Xamarin (C#).
React-native's slogan is Learn once, write everywhere. So, you can choose what suits your needs, you can:
Share UI between platforms.
Share Only business logic.
So, the answer for react-native is yes. You can create separate UIs or you can share it.
Since you are writing components, one way of separating this logic is to write component.android.js and component.ios.js and the platform loads the appropriate one for you. Note that you can also do that programmatically.
You can see that in action in the official f8 app made by facebook using react-native
I want to create dynamic text changing icon like the calendar app in iOS 7 is there any way to do so?
You can not do this, there is no API allowing this.
Your apps icon is in your application bundle which is readonly and therefor can not be modified.
Sorry brother ... !! There is no API for your requirement. Apple does this only for their apps. Your app icon must be bundled with your application bundle.