Skip to content

Commit

Permalink
ListItem v1 (Android & iOS) (#945)
Browse files Browse the repository at this point in the history
* Updated readme with RNW todo + opencollective

* Rename back `text` to `title`

* Fix tests and Princing card

* Fix searchbar methods next (#916)

* Updated readme with RNW todo + opencollective

* Rename back `text` to `title`

* Fix tests and Princing card

* Rename `clearText` into `clear`

* Apply default props on iOS SearchBar

* Update SearchBar wrapper with methods

* Update docs and ts

* Fix android onClear naming in PropTypes

* Remove useless condition

* Use default props

* Update snapshots

* Add more tests

* Update cancel methods doc

* fix(header): Alignment on android now consistent with iOS (#944)

* chore(package): Bump version

* Refractor ListItem

* Add buttonGroup (+ fix checkbox)

* Remove useless style

* Fix inputStyle props of TextInput

* Fix flex TextInput

* Fix flex layout

* Fix TextInput height

* Updated readme with RNW todo + opencollective

* Rename back `text` to `title`

* Fix tests and Princing card

* Fix searchbar methods next (#916)

* Updated readme with RNW todo + opencollective

* Rename back `text` to `title`

* Fix tests and Princing card

* Rename `clearText` into `clear`

* Apply default props on iOS SearchBar

* Update SearchBar wrapper with methods

* Update docs and ts

* Fix android onClear naming in PropTypes

* Remove useless condition

* Use default props

* Update snapshots

* Add more tests

* Update cancel methods doc

* fix(header): Alignment on android now consistent with iOS (#944)

* chore(package): Bump version

* Adds header centerComponent alignment (#946)

* Header title align

* Update snapshots and formatting

* Rename centerComponentStyles to centerComponentStyle

* Add ts defs for new props

* Add docs for new header props

* Remove redundant android statusbar height

* docs: Allow viewing `next` docs in version switch

* docs(header): Add left aligned center component example

* [Button] Auto import LinearGradient if Expo (#943)

* Warning only for non-expo user

* Auto import LinearGradient on Expo

* Show warning if non-expo user

* Update example

* Update snapshot

* Use `width: '100%'` for Input (#954)

* Export Input in TypeScript definitions (#953)

* Fixes #947 Input is not exported in TypeScript definitions

* Use react-native TextInputProperties and match type description to docs description

* Add missing methods for Input component

* Fix styled-component for Input and Button (#956)

* Fix styled-component for Input

* Fix styled-component for Button

* Update docs

* Add checkmarkColor & disclosureColor

* Add topDivider & bottomDivider

* Add platform specific Divider

* Add inputContainerStyle to Input

* Add Divider to List

* Refractor Divider

* Refractor ListItem

* Add buttonGroup (+ fix checkbox)

* Remove useless style

* Fix inputStyle props of TextInput

* Fix flex TextInput

* Fix flex layout

* Fix TextInput height

* Update docs

* Add checkmarkColor & disclosureColor

* Add topDivider & bottomDivider

* Add platform specific Divider

* Add inputContainerStyle to Input

* Add Divider to List

* Refractor Divider

* Use hairlineWidth for Divider

* Rebase from next

* Rebase from next

* docs(v2): Correct prop on Button to be text

* Add text default width if buttonStyle has a width (#995)

* Refractor ListItem

* Add buttonGroup (+ fix checkbox)

* Remove useless style

* Fix inputStyle props of TextInput

* Fix flex TextInput

* Fix flex layout

* Fix TextInput height

* Update docs

* Add checkmarkColor & disclosureColor

* Add topDivider & bottomDivider

* Add platform specific Divider

* Add inputContainerStyle to Input

* Add Divider to List

* Refractor Divider

* Add buttonGroup (+ fix checkbox)

* Fix flex TextInput

* Add checkmarkColor & disclosureColor

* Add topDivider & bottomDivider

* Use hairlineWidth for Divider

* Rebase from next

* Fix rebase conflict

* Fix conflict

* Fix conflict

* Add scaleProps & ViewComponent

* Add react-native-touchable-scale

* Add gradient/scale example

* Rename props

* Update docs

* Add precise contentContainerStyle desc

* Add rightIcon & rightAvatar

* Add rightSubtitle props

* Add styling to texts

* Add border to List

* Use RNE primary color (for upcoming theming feature)

* Fix proptypes

* Fix checkmark

* Update List doc

* Fix typo

* Explain `Input` styles

* Update input style docs

* Update tests and dependencies

* Add back inputContainerStyle

* Removed List component + update ListItem docs

* Fix listitem id in website sidebar
  • Loading branch information
martinezguillaume authored and xavier-villelegier committed Apr 1, 2018
1 parent 754dc25 commit 92e5e83
Show file tree
Hide file tree
Showing 23 changed files with 1,050 additions and 1,929 deletions.
21 changes: 20 additions & 1 deletion docs/input.md
Expand Up @@ -43,6 +43,7 @@ import { Input } from 'react-native-elements';
> This component inherits [all native TextInput props that come with a standard React Native TextInput element](https://facebook.github.io/react-native/docs/textinput.html), along with the following:
* [`containerStyle`](#containerstyle)
* [`inputContainerStyle`](#inputcontainerstyle)
* [`errorMessage`](#errormessage)
* [`errorStyle`](#errorstyle)
* [`inputStyle`](#inputstyle)
Expand All @@ -60,6 +61,16 @@ import { Input } from 'react-native-elements';

### `containerStyle`

styling for view containing the label, the input and the error message

| Type | Default |
| :-----------------: | :-----: |
| View style (object) | none |

---

### `inputContainerStyle`

styling for Input Component Container (optional)

| Type | Default |
Expand Down Expand Up @@ -90,7 +101,7 @@ add styling to error message (optional)

### `inputStyle`

add styling to input component (optional)
style that will be passed to the `style` props of the React Native `TextInput` (optional)

| Type | Default |
| :----: | :-----: |
Expand Down Expand Up @@ -165,3 +176,11 @@ add shaking effect to input component (optional)
| Type | Default |
| :--: | :-----: |
| any | none |

---

#### Styles explanation

| Input with a label and an error message | Styles explanation  |
| ----------------------------------------------------------------------- | ------------------------------------------------------------------- |
|<img src="/react-native-elements/img/input_without_explanation.png" /> | <img src="/react-native-elements/img/input_with_explanation.png" /> |

0 comments on commit 92e5e83

Please sign in to comment.