GithubHelp home page GithubHelp logo

captainomega / react-native-drag-resize Goto Github PK

View Code? Open in Web Editor NEW
36.0 36.0 40.0 1.49 MB

React Native component for draggable and resizable manipulation.

JavaScript 79.75% Python 5.50% Java 3.74% Objective-C 11.01%

react-native-drag-resize's People

Contributors

captainomega avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

react-native-drag-resize's Issues

Bottom connector do not show changes in onResize

Currently, I am trying to build a view which I can resize vertically. For the top middle connector values change in onResize prop but for bottom middle, nothing changes. Kindly, see through this bug or describe the functionality of only top middle returning values.

x and y coordinates not positioning the dragResizeBlock

I have an array of objects, where each object has x: 0 and y:0 properties. I am passing down these x and y values to the props of the same name to DragResizeBlock. I update these values onDragEnd event for the selected image. the values are correctly updated in array in the correct object at the correct index. Now, if I move an object say from index 2 to 1 the order of objects is changed. Now the UI re-renders and the draggable images stacking order are changed, which was the goal, as later elements are always on top in stacking order but the positions of both the images also get swapped whereas the positions shouldn't change. the positioning should be picked from the objects in array.

Export as image

Let's say I have 3 images on canvas. I move and resize them as per my need. when done how do I export the final result as a single image with all 3 images inside, positioned and resized?

Connectors style

How to change connector style?
Is it possible to add icons instead connectors?

Can't change height and width

It seems that I can't change height and width, by code, after the component is created. I want it to change dimensions when the user changes the screen orientation, but it keeps the same height and width.

[QUESTION] How can I create same for polygon shape?

Hello. I m in search of a polygon shape that can resize & ican use it over the map, bcoz react-native-maps & mobile sdk not provides touch on drag functionality to markers. So i think of using this on top of my maps. Is there any way or ref. where I can have a polygon with resize mode.Thanks

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.