A framework for building native apps with React. http://facebook.github.io/react-native/
Go to file
Eric Rozell 8a073c1d8b Fix `onLayout` prop for TextInput on Android
Summary:
When the `autogrow` prop was removed from `TextInput` on Android, the `_onLayout` helper method was removed. This helper method implemented the hook required to make `autogrow` work, then dispatched the `onLayout` event to the handler in `this.props`. This change points passes the `onLayout` handler from `this.props` directly to the inner component.

<!--
Thank you for sending the PR! We appreciate you spending the time to work on these changes.

Help us understand your motivation by explaining why you decided to make this change.

You can learn more about contributing to React Native here: http://facebook.github.io/react-native/docs/contributing.html

Happy contributing!

-->

I was updating copied code in react-native-windows and noticed this bug.

Run jest tests.

N/A

<!--
Help reviewers and the release process by writing your own release notes

**INTERNAL and MINOR tagged notes will not be included in the next version's final release notes.**

  CATEGORY
[----------]        TYPE
[ CLI      ]   [-------------]      LOCATION
[ DOCS     ]   [ BREAKING    ]   [-------------]
[ GENERAL  ]   [ BUGFIX      ]   [-{Component}-]
[ INTERNAL ]   [ ENHANCEMENT ]   [ {File}      ]
[ IOS      ]   [ FEATURE     ]   [ {Directory} ]   |-----------|
[ ANDROID  ]   [ MINOR       ]   [ {Framework} ] - | {Message} |
[----------]   [-------------]   [-------------]   |-----------|

[CATEGORY] [TYPE] [LOCATION] - MESSAGE

 EXAMPLES:

 [IOS] [BREAKING] [FlatList] - Change a thing that breaks other things
 [ANDROID] [BUGFIX] [TextInput] - Did a thing to TextInput
 [CLI] [FEATURE] [local-cli/info/info.js] - CLI easier to do things with
 [DOCS] [BUGFIX] [GettingStarted.md] - Accidentally a thing/word
 [GENERAL] [ENHANCEMENT] [Yoga] - Added new yoga thing/position
 [INTERNAL] [FEATURE] [./scripts] - Added thing to script that nobody will see
-->
 [ANDROID][MINOR][BUGFIX] [TextInput] - Fix `onLayout` prop for TextInput on Android
Closes https://github.com/facebook/react-native/pull/18040

Differential Revision: D7078736

Pulled By: hramos

fbshipit-source-id: 798530729d7f0ee1ebb59f698af4d4b6ff43928b
2018-02-24 01:02:42 -08:00
.circleci Bump buck to v2018.02.16.01 2018-02-16 13:37:28 -08:00
.github Update CODEOWNERS 2017-12-22 15:46:54 -08:00
ContainerShip Update license headers for MIT license 2018-02-16 18:31:53 -08:00
IntegrationTests Update license headers for MIT license 2018-02-16 18:31:53 -08:00
Libraries Fix `onLayout` prop for TextInput on Android 2018-02-24 01:02:42 -08:00
RNTester Fix ESLint warnings using 'yarn lint --fix' 2018-02-22 07:23:17 -08:00
React update FabricUIManager to call the right JS object 2018-02-23 17:04:40 -08:00
ReactAndroid Update ReactAndroid build script to support gradle 2.3.0 2018-02-23 19:16:02 -08:00
ReactCommon added C++ setup for FabricUIManager 2018-02-23 19:49:03 -08:00
ReactNative Use only native robolectric_test rules. 2018-02-15 20:10:05 -08:00
babel-preset Update to MIT license 2018-02-16 18:31:53 -08:00
bots Fix ESLint warnings using 'yarn lint --fix' 2018-02-22 07:23:17 -08:00
flow Update license headers for MIT license 2018-02-16 18:31:53 -08:00
flow-github Fix ESLint warnings using 'yarn lint --fix' 2018-02-22 07:23:17 -08:00
gradle/wrapper
jest fix Flow typing for OSS 2018-02-19 10:41:33 -08:00
keystores
lib Update license headers for MIT license 2018-02-16 18:31:53 -08:00
local-cli react-native: prefer custom source extensions over default extensions 2018-02-23 08:50:16 -08:00
react-native-cli Update to MIT license 2018-02-16 18:31:53 -08:00
react-native-git-upgrade Update to MIT license 2018-02-16 18:31:53 -08:00
scripts Move YGStyle to seperate file and add constructors 2018-02-20 05:55:36 -08:00
third-party-podspecs Update to MIT license 2018-02-16 18:31:53 -08:00
.buckconfig update gitignore & fix links 2017-05-22 13:03:50 -07:00
.buckjavaargs
.editorconfig
.eslintignore Split out docs to their own repo 2017-12-05 13:02:54 -08:00
.eslintrc Fold .eslintrc's into the root eslintrc 2018-02-15 07:53:52 -08:00
.flowconfig @allow-large-files Upgrade xplat/js to Flow v0.66 2018-02-16 20:24:57 -08:00
.gitattributes
.gitignore Switch e2e to yarn 2018-02-06 13:04:50 -08:00
.npmignore
CODE_OF_CONDUCT.md Create CODE_OF_CONDUCT.md 2017-10-26 16:47:27 -07:00
CONTRIBUTING.md Update to MIT license 2018-02-16 18:31:53 -08:00
DockerTests.md
Jenkinsfile Container Testing Updates 2017-04-12 16:31:35 -07:00
LICENSE Update to MIT license 2018-02-16 18:31:53 -08:00
LICENSE-docs
README.md Update to MIT license 2018-02-16 18:31:53 -08:00
React.podspec Update to MIT license 2018-02-16 18:31:53 -08:00
Releases.md Remove references to Travis 2018-01-24 22:18:34 -08:00
breaking-changes.md
build.gradle
cli.js Update license headers for MIT license 2018-02-16 18:31:53 -08:00
gradlew
gradlew.bat
jest-preset.json mock mp4 files 2017-10-20 13:05:26 -07:00
package.json Release Metro 0.27.0 2018-02-23 07:47:33 -08:00
react.gradle Better Android Gradle Plugin 3.x integration 2018-02-16 16:55:46 -08:00
rn-cli.config.js Update license headers for MIT license 2018-02-16 18:31:53 -08:00
rn-get-polyfills.js Update license headers for MIT license 2018-02-16 18:31:53 -08:00
runXcodeTests.sh Re-license and rename UIExplorer integration test app as RNTester 2017-05-08 11:31:19 -07:00
settings.gradle Cleanup settings.gradle 2017-07-28 07:51:09 -07:00
setupBabel.js Update license headers for MIT license 2018-02-16 18:31:53 -08:00

README.md

React Native · Circle CI Status npm version PRs Welcome

Learn once, write anywhere: Build mobile apps with React.

  • Build native mobile apps using JavaScript and React: React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components.
  • A React Native app is a real mobile app: With React Native, you don't build a "mobile web app", an "HTML5 app", or a "hybrid app". You build a real mobile app that's indistinguishable from an app built using Objective-C, Java, or Swift. React Native uses the same fundamental UI building blocks as regular iOS and Android apps. You just put those building blocks together using JavaScript and React.
  • Don't waste time recompiling: React Native lets you build your app faster. Instead of recompiling, you can reload your app instantly. With hot reloading, you can even run new code while retaining your application state. Give it a try - it's a magical experience.
  • Use native code when you need to: React Native combines smoothly with components written in Objective-C, Java, or Swift. It's simple to drop down to native code if you need to optimize a few aspects of your application. It's also easy to build part of your app in React Native, and part of your app using native code directly - that's how the Facebook app works.

The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.

See the official React Native website for an introduction to React Native.

Supported operating systems are >= Android 4.1 (API 16) and >= iOS 8.0.


Getting Started

Follow the Getting Started guide. The recommended way to install React Native depends on your project. Here you can find short guides for the most common scenarios:


Documentation

The websites documentation is divided into multiple sections.

Another great way to learn more about the components and APIs included with React Native is to read their source. Look under the Libraries/Components directory for components like ScrollView and TextInput, for example. The RNTester example is also here to demonstrate some of the ways to use these components. From the source you can get an accurate understanding of each components behavior and API.

The React Native documentation only discusses the components, APIs and topics specific to React Native (React on iOS and Android). For further documentation on the React API that is shared between React Native and React DOM, refer to the React documentation.


Upgrading

React Native is under active development. See the guide on upgrading React Native to keep your project up-to-date.


Contributing

Read below to learn how you can take part in improving React Native.

Code of Conduct

Facebook has adopted a Code of Conduct that we expect project participants to adhere to. Please read the full text so that you can understand what actions will and will not be tolerated.

Contributing Guide

Read our contributing guide to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes to React Native.

Beginner Friendly Bugs

We have a list of beginner friendly issues to help you get your feet wet in the React Native codebase and familiar with our contribution process. This is a great place to get started.


License

React Native is MIT licensed.

React Native documentation is Creative Commons licensed.