diff --git a/Examples/UIExplorer/UIExplorer.xcodeproj/project.pbxproj b/Examples/UIExplorer/UIExplorer.xcodeproj/project.pbxproj index 0d16e33e3..698fd3b3f 100644 --- a/Examples/UIExplorer/UIExplorer.xcodeproj/project.pbxproj +++ b/Examples/UIExplorer/UIExplorer.xcodeproj/project.pbxproj @@ -22,6 +22,7 @@ 14AADF051AC3DBB1002390C9 /* libReact.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 14AADF041AC3DB95002390C9 /* libReact.a */; }; 14DC67F41AB71881001358AB /* libRCTPushNotification.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 14DC67F11AB71876001358AB /* libRCTPushNotification.a */; }; 58005BF21ABA80A60062E044 /* libRCTTest.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 58005BEE1ABA80530062E044 /* libRCTTest.a */; }; + 834C36EC1AF8DED70019C93C /* libRCTSettings.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 834C36D21AF8DA610019C93C /* libRCTSettings.a */; }; D85B829E1AB6D5D7003F4FE2 /* libRCTVibration.a in Frameworks */ = {isa = PBXBuildFile; fileRef = D85B829C1AB6D5CE003F4FE2 /* libRCTVibration.a */; }; /* End PBXBuildFile section */ @@ -156,6 +157,7 @@ isa = PBXFrameworksBuildPhase; buildActionMask = 2147483647; files = ( + 834C36EC1AF8DED70019C93C /* libRCTSettings.a in Frameworks */, 14AADF051AC3DBB1002390C9 /* libReact.a in Frameworks */, 00D2771A1AB8C3E100DC1E48 /* libRCTWebSocketDebugger.a in Frameworks */, 58005BF21ABA80A60062E044 /* libRCTTest.a in Frameworks */, diff --git a/Examples/UIExplorer/UIExplorerList.js b/Examples/UIExplorer/UIExplorerList.js index a10d291bd..a24ec1a54 100644 --- a/Examples/UIExplorer/UIExplorerList.js +++ b/Examples/UIExplorer/UIExplorerList.js @@ -28,6 +28,7 @@ var { } = React; var { TestModule } = React.addons; +var Settings = require('Settings'); var createExamplePage = require('./createExamplePage'); @@ -114,9 +115,14 @@ class UIExplorerList extends React.Component { components: COMPONENTS, apis: APIS, }), + searchText: Settings.get('searchText'), }; } + componentDidMount() { + this._search(this.state.searchText); + } + render() { return ( @@ -128,6 +134,7 @@ class UIExplorerList extends React.Component { onChangeText={this._search.bind(this)} placeholder="Search..." style={styles.searchTextInput} + value={this.state.searchText} /> , callback: Function): number { @@ -52,11 +52,11 @@ var Settings = { }, _sendObservations(body: Object) { - var $this = this; + var _this = this; Object.keys(body).forEach((key) => { var newValue = body[key]; - var didChange = $this._settings[key] !== newValue; - $this._settings[key] = newValue; + var didChange = _this._settings[key] !== newValue; + _this._settings[key] = newValue; if (didChange) { subscriptions.forEach((sub) => { @@ -71,7 +71,7 @@ var Settings = { RCTDeviceEventEmitter.addListener( 'settingsUpdated', - Settings._sendObservations, + Settings._sendObservations.bind(Settings) ); module.exports = Settings;