Posts

Showing posts with the label mobile

HTML5 Canvas using React Native

What is the right way to use html5 canvas in react native? Do I need to use webview, some plugin or can I just use plain html canvas in react native code? Thanks in advance. Here's a module React-Native-Canvas Maybe try it out?

React Native limitations? [closed]

I don't know a lot about mobile development, but the possibility of writing native mobile apps in JS interests me a lot. However, correct me if I'm wrong, but I dont think that React Native is about to replace traditional native code anytime soon. Why is this the case? What are the limitations of React Native, that prevents it from replacing traditional native development? Any insight is much appreciated At Facebook we're excited about RN for a few reasons: Development velocity - refreshing is much faster than compiling, especially for big complicated apps Separation of concerns - Experts on each platform can build high-quality native infrastructure and product developers can focus on their apps Easier education - Developers can learn ES6+React once, and then build apps for iOS, Android, and of course the web We used React Native to build the Facebook Ads Manager app for iOS, which is a pretty complicated app. It is working for us, but it probably wo...

React JS v React Native

I am looking to decide what to you to style my meteor application with which I plan to launch solely as an android and iOS app. It will not be made into a website. My understanding is react native is the same as reactjs but geared towards mobile apps. Is this this true? If so do you recommend using react native instead of reactjs for making apps or does reactjs still offer greater benefits? Also, is material ui or anything like that needed when using react native? React-native shares a mental model with React and some key code, but is significantly different. Here's a few points/differences to consider: Runs w/ bridged-code that executes native functionality not normally callable by or with JavaScript. React and react-dom are meant to run in a DOM environment (react-dom can run server-side, but the apps are meant to run and be interacted w/ primarily in a browser context). It allows you share code between platforms, but you usually can't and shouldn't e...

What is the difference between Hot Reloading and Live Reloading in React Native?

I'm a bit confused here. When I'm debugging a React Native Application, I usually enable both Hot Reloading and Live Reloading . I want to know what is the difference between them? Thank you. :D Live reloading reloads or refreshes the entire app when a file changes. For example, if you were four links deep into your navigation and saved a change, live reloading would restart the app and load the app back to the initial route. Hot reloading only refreshes the files that were changed without losing the state of the app. For example, if you were four links deep into your navigation and saved a change to some styling, the state would not change, but the new styles would appear on the page without having to navigate back to the page you are on because you would still be on the same page. Both can be enabled using CMD+D / CMD+CTRL+Z / Shake Gesture menu . Both are using watchman to listen to the file changes. Live reloading reloads the entire app. The i...

Flutter Keyboard makes textfield hide

I'm new to flutter. I've added a form with a text field and when I clicked the textfield and keyboard comes, the textfield goes up. This is my code : Widget build(BuildContext context) { MediaQueryData mediaQuery = MediaQuery.of(context); return new Scaffold( body: new Container( color: Colors.purple, constraints: new BoxConstraints.expand(), padding: EdgeInsets.only(top: 10.0,left: 10.0,right: 10.0, bottom: mediaQuery.viewInsets.bottom, ), child: SingleChildScrollView( child: Container( child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ SizedBox(height: 12.0), Text( 'What is your Bussiness Name?', style: TextStyle(fontSize: 24.0), ), AppForm(), ], ), ...

Running Flutter on Windows

After getting Flutter on Windows, when I run flutter doctor the following error is coming Got TLS error trying to find package archive at https://pub.dartlang.org. Error: Unable to 'pub upgrade' flutter tool. Retrying in five seconds... I had the same problem and I solved it by removing my current flutter folder and by cloning flutter from the "master" branch. git clone -b master https://github.com/flutter/flutter.git After that, you can run flutter doctor normally. Note: Make sure your antivirus and firewall are disabled Try deleting the "cache" folder in your Flutter "bin" folder. I had a similar issue with updating Flutter and that solved my problem. I too was facing the same error, then I deleted flutter from my computer and I installed it from Android Studio. After then, The Installation was Successful. Try this way. Try disabling any antivirus.it worked for me.