react native create table layout programmatically - react-native

I want to create table layout like this(tablelayout for each 1/9 screen below):
Can someone give me some advices?

I implemented this approach.
Try and tell me if it helps
You can play around with numbers, just define directions and counts, the rest is up to you

Related

Measure fields and area using google maps api in react native

I want to implement a feature in my react native application to let the user measure area or fields with two different methods the first is manual like manually drawing the fields area in the map and secondly automatically by using the gps and entering points while he walk around the field .
Could please anyone share some resosurces or any help material that may assist me in achieving this feature.
Thanks in advance
It is totally doable. Since you didn't mention any particular library, let me explain using react-native-maps (it is an awesome package :). Let's first discuss using the drawing (not sure if you literally mean drawing - at least I don't think you need to add complexity in this).
You can provide the <MapView> component provided by the package with a onTap method, when the user taps, you can add the coordinate a list of coordinates like this:
const [coordinates, setCoordinates] = useState([]);
then in the map, you can do
<MapView onPress={(coords) => setCoordinates([...coordinates, coords])} ...rest of the code
when the user is done, you can use a bit of mathematics (https://www.mathopenref.com/coordpolygonarea.html) or even a polygon package to calculate the area (https://www.npmjs.com/package/polygon).
Well, the second use case is easier I think as no extra interaction is needed since user can input the coordinates which you can again put in the coordinates array and use to calculate area.
I hope it helps :)

How can I apply animation on Gallery : Animated Gallery Android

I am looking for widget which looks something like image shown bellow
I am not having any idea how to achieve this kind of image transformation, can anyone guide me from where I need to start or which is the android class I need to modify on order to have this, does anyone have any sample code which I can refer?
Thanks
You can achieved this by using the StackView feature. Check out below links,Hope this link help for you.
1) android-stackview
2) example
3) stacked card view

Image processing - How detect array similar colors from a image on ios

I want to create a area of similar colors when user touches into a point on imageview. Who knows library or technique to resolve problems for ios.
Original image link:
http://cannshine.com/images/1.jpg
After touched by user, link:
http://cannshine.com/images/2.jpg
Please helping, thanks!
It looks to me like you want to create a magic wand tool, correct? I can't help you come up with a way to handle this and I don't know of any libraries that can select a group of like-colored pixels based on tolerance, but there is this article here I found. It covers implementing a magic wand tool using Objective-C. I found it in the answer to this similar question on SO.

master detail and single view application mixed

I am new here and new to iOS, so my apologies in advance if my question is silly.
I have just finished a course on iOS and Xcode and learnt how to build the different types of apps, like master-detail, tabbed or single view applications.
My question is : Is it possible to build an app that would be for example a master-detail app but would look like a tabbed one on one of the views and would look like a page-based on another view? In other words is it possible to create an app that would be a mix of several types ? I have Googled everywhere but I can't find anything. I may be using the wrong key words as on the top of that, I am French. I am not looking for precise explanations, just if somebody could point me in the right direction where to look and continue studying.
Thanks in advance and have a nice day.
Well am not sure if this is exactly what you are looking for but you can take a look at this example. Its a combination of UISplitViewController & UITabBarController
Custom UISplitViewController for iPad

Best way to create a numeric pad as seen in Apples telephone app

What is the best way to create a numeric pad like the one Apple uses in the telephone app?
I would say just create an array of UIButton objects so that you can utilize UIControlStateSelected and the other button states by using different images for different states.
Another idea is to create something similar to that entire keypad in Photoshop, and then tile it into 12 images using http://www.mikelin.ca/blog/2010/06/iphone-splitting-image-into-tiles-for-faster-loading-with-imagemagick/
That would take some of the work out of get all the images to flow nicely together.
By the way, I just forgot about these until just a minute ago... they have some of the UI graphics from the iPhone and iPad in high res PSD file:
http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/
and
http://www.teehanlax.com/blog/2010/08/12/iphone-4-gui-psd-retina-display/
and
http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/
I implemented a KeypadView, that is customizable via a delegate.
This github repository has the KeypadView and a delegate-implementation.
As I am still beginner in the field of iOS development I would appreciate, if you share your thoughts with me.