can i use boostrap template into my react native project - ios

I want to design my page like this
It is possible to use this template for my project or do I have to design using a script?
What is the solution to design a login page?

You can't use bootstrap in a react-native project, react-native styling isn't css, you have to write your own style or use a react-native UI toolkit (e.g. react-native-elements, native-base) to help you on your design.

Related

React Native newbie. Using XCode for the native iOS part in /iOS. What do I use for javascript in root folder? What's a best-practice workflow?

Confused as any newbie would be!
I am a React Native newbie. Following a tutorial I created a project. I can use XCode to open the native iOS project in /iOS. What do I use for the javascript files in the root folder? Should I use a second editor for js - i.e. one of the standard js editors (Atom, vi etc). What is the best-practice workflow? Or can I accomplish everything with one editor. Advice, recommendations would be most appreciated.
CLARIFICATIOINS:
To clarify my question, take the following sample project:
I want to write a react native app which opens to a table view i.e. list screen with multiple items in a list screen. When you pick one item in the list the app navigates to a details screen. Suppose the list screen is React Native and the details screen is Native iOS. I can code up the list screen using VSCode in React Native js. And then I can code the native details screen in XCode. So for the native part I can open XCode and create a fresh project. What kind of project should this be? Should it be an IOS App or am IOS framework/library? Perhaps a main app as the AppDelegate and a test harness, and a framework/library for the one View Controller screen I will need to import into my React Native project? And then how do I run this to test and debug it out end to end in the simulator? I can possibly correct and live reload the React native portion, but suppose I want to update the iOS portion, what step do I need to go back to? etc.
It's not very common to do your coding work directly inside XCode. XCode is more of a place to organize your project/environment/builds/signing etc...
Instead you should be writing all of your code inside the editor of your choice. The standard workflow would be:
Create project on command line
Use your editor of choice for coding. I use VSCode.
in your editor, open your project folder that you just created
use XCode for running the ios emulator and super specific iOS tasks
All Android specific work can easily be done in VSCode (you don't ever actually need to use Android Studio)

How to write custom / own plugin for ionic framework

Im trying to write own plugin to call native iOS functions. Can any one guide me in writing own plugin & consume it to my ionic application.
Thanks in advance
It can be done using Cordova's Plugin Development Guide.
from docs it says,
Plugins comprise a single JavaScript interface along with
corresponding native code libraries for each supported platform. In
essence this hides the various native code implementations behind a
common JavaScript interface.
you can check these articles for kick-start.
Plugin Development Guide
How to write Cordova Plugins
Tutorial

Cordova plugin ios for telerik : Add Custom framework to embedded binaries

I'm trying to create a cordova iOS plugin for a telerik ios app.
To integrate the custom(PressReader_SDK) framework embedded binaires i'm using this method :
Custom Cordova Plugin: Add framework to "Embedded Binaries"
The problem i'm encountering is that when i try to use the plugin in a cordova app it works fine but when i add the same plugin in telerik app, i get the error "image not found" this error occurs when cordova plugin isn't loading the embedded binaires.
I've searched all over cordova documentation but i can't find any way to make it work.
Any kind of help would be appreciated.
Well it looks like I'm not the only one to encounter this frustrating problem. The issue is this: Your using the solution found in the question Custom Cordova Plugin: Add framework to “Embedded Binaries” and it's only working in a plain Cordova app, but not a Telerik app. That's because the this solution relies on using custom hooks in the plugins config.xml and Telerik doesn't allow custom hooks. So your hook actually isn't running at all and your no better off than when you started. I'm not aware of any work around for this problem and I've created a SO question to find out if anybody does (Telerik AppBuilder and Embedded Binaries). Hope we get some results!

Is possible to use React Native *only for UI* and the logic in .NET?

I need to create a multi-platform app for web, ios, android and partially desktop.
I wish to use .NET/F#, but the UI is a complication. I have tried Xamarin.Forms and it is too limited to me. I could live to use React Native but I don't wanna to code the full app in javascript, instead, I wish to use F# for all the logic and web backend, and use react only for the UI in mobile.
But I wonder how?
How feed data to the UI and react to events there?
P.D: If nativescript make this possible I'm all ears. I'm still not rule out xamarin for it, but forms is too limited and the nature of the apps and so far think react native is the closer to my needs.
There's already a sample of this, because the entry file of the Fable React Native demo is a pure JS file that calls the JS generated by Fable. You just need to extend this pure JS layer and import the code generated by Fable when needed.

Using native ios views in React Native

Is there a way to use native ui components except delivered by react native (ListView, Text, etc) in js file?
For example, I have application created by react native and I want to use MWPhotoBrowser in it.
Yes. If you take a look at this section of the docs, under the title "Extensibility", then there's a bit that says "Custom iOS views can be exposed by subclassing RCTViewManager". This should get you started and then you can look at the React Native source code for examples of view classes that subclass RCTViewManager.

Resources