nexxtway / react-native-rainbow Goto Github PK

Requirements

• Implement the prop icon on the Input component
• Implement the prop iconPosition on the Input component

API

icon: node default to null
iconPosition: oneOf(['left', 'right']) default to left

Design

https://zpl.io/VOnEnE8

API

• Define API in Google Drive https://drive.google.com/drive/u/2/folders/1Se7LhH0k8Xzn6WC9LZRGeBwS1bDTdCMS
• Implement component

Metro Bundler stopped immediately but build completed successfully on Android.

No Error showing.

Unable to resolve, please help

• allow change a value
• fix delete button funcionality
• copy and paste
• make tests

https://zpl.io/VQnm3kk

Requirements

• As a user, I want to be able to paste a code copied from anywhere on my phone.
• As a user, I want to be able to focus any element on the input and paste the value copied

Spec

• It should copy only the numbers if the value copied have letters
• Only the first values of the copied value should be copied to the input if it is too long
• It not should hide the keyboard when the change the input focus (it should work as a single input)

Description

• when passing an invalid value or undefined to src (e.g when loading) and then when the valid src comes, the component does not render the avatar image

• fix styles
• add country codes

Design

https://zpl.io/2E9G9Ge

Define API

https://docs.google.com/document/d/1-Iw8FtItcSRcqzQcfanbcQh_MsD7ZovhSeGmxdCPK1k/edit?usp=sharing

Requirements

• It should look like the design
• It should work on iOS
• It should work on ANDROID
• It should be reactive to the phone gestures
• It should animate like the native

Reference

https://www.npmjs.com/package/react-native-switch-selector
https://github.com/App2Sales/react-native-switch-selector/blob/master/index.js

Define the Tests specs

• [ ]

Current behavior:

The country code get fixed to ‘+1’

Expecred behavior:

should fire onChange to set the country code selected.

Specs

• The default value of the Country should be added by the country set in the phone

API

<ProgressCircular style={...} variant="..." icon={...} size="..." />
https://docs.google.com/document/d/12Bc8G2_vOxX61914BMVGlpo82mi3kM_HXpJydxGrvi4/edit?folder=13GeMKRadu7bMB_CcUYXZOZ-EEHbvttCh

Design

https://zpl.io/2yEN5Mq

Define API

• https://docs.google.com/document/d/1WhmDdeJqmTJ-vpPizXrT1hv_SaqbvmnVySYctxJwqJE/edit?usp=sharing

Design

• https://zpl.io/V1B3rXm

Requirements

• when the label prop passed is a node, then it can’t be wrapped with the Text element

• Create an API example doc
• Create an API component example
• Create a contributing doc
• create a work flow process doc

Requirements

API

<Badge label={...} variant="..." style={...} />

https://docs.google.com/document/d/1uAlNEjAljHL3aj-824LaFOEI0EeYl8L6ungCjPfW5Uk/edit?usp=sharing

Design

https://zpl.io/VOn1GRP

API

<VisualPicker onChange={} defaultValue={}>
<VisualPickerOption value={} component={ComponentClass} ...{more props}>
</VisualPicker>

https://docs.google.com/document/d/1g3YkMfF7RPH73PUsawgCqzOQRiCLEP3C2yzzTWQ3L2c/edit?usp=sharing

Design

Requirements

• It should look like the design on Android and on iOS

https://zpl.io/bA10A7p

API

https://docs.google.com/document/d/1j16HN5o6_-RkBGvQfg_AOKjuxDZqGhf8lZFgToeAPiY/edit?usp=sharing

API

https://docs.google.com/document/d/1mNT4ycBGzmXO9dzjkhL6RpInFJlAxMpIii1NLnv0wGs/edit?usp=sharing

Design

https://zpl.io/beeWRvm

Design

https://zpl.io/a7xY148

API

• Define API in Google Drive (https://docs.google.com/document/d/1b3Rzt9-WaL5Rc3HEtV8mOIz6-iWZVv5Y__BMrAx1HO8/edit?usp=sharing)
• Implement component

Requirements

• As a user, I want to control the avatars amount to show
• As a user, I want to show a counter with the total number of avatars