reactnative教程.pptxVIP

;;;;@end // JavaScript var React = require(react-native); var { NativeModules, Text } = React; var Message = React.createClass({ render: function() { getInitialState() { return { text: Goodbye World. }; }, componentDidMount() { NativeModules.MyCustomMcessString(this.state.text, (text) = { this.setState({text}); }); }, return ( Text{this.state.text}/Text ); }, });;;;;;;;;;在这篇教程里面我们会开发一个简单版本的电影应用，该应用可以获取电影院里面的 25 部电影，并且将它们显 示在 ListView 里面。 Hello World;按住 ?+R / Reload JS 然后你就会看到在 2015 上面的 Title 。注意 Image 并不会渲染任何东西。这是 因为我们没有给我们想要渲染的图片增加宽度和高度。这将会由样式来完成。让我们在改变样式的时候我们可以 清除一些我们不再使用的样式。;;;给我们的应用增加一些初始化的状态，因此我们可以检查;;ListView, StyleSheet, Text, View, } = React;;现在这是最终结果：;;var styles = StyleSheet.create({ container: { flex: 1, flexDirection: row, justifyContent: center, alignItems: center, backgroundColor: #F5FCFF, }, rightContainer: { flex: 1, }, title: { fontSize: 20, marginBottom: 8, textAlign: center, }, year: { textAlign: center, }, thumbnail: { width: 53, height: 81, }, listView: { paddingTop: 20, backgroundColor: #F5FCFF, }, }); AppRegistry.registerComponent(AwesomeProject, () = AwesomeProject);;;;;View 属性 Image 属性 Text 属性 Flex 属性;;?;然而，有时父组件会想要确保它成为应答器。这可以通过使用捕获阶段进行处理。在应答系统从最深的组件冒泡 时，它将进行一个捕获阶段，引发 * ShouldSetResponderCapture 。所以如果一个父视图要防止子视图在触摸开 始时成为应答器，它应该有一个 onStartShouldSetResponderCapture 处理程序，返回 true。 Vps.onStartShouldSetResponderCapture: (evt) = true, Vps.onMoveShouldSetResponderCapture: (evt) = true, PanResponder 更高级的手势解释，看看 PanResponder。;;若要使用它，在您的视图中将 accessibilityLabel 属性设置为一个自定义的字符串：;allowsDirectInteraction 当元素允许 VoiceOver 用户???接进行触摸互动的时候使用(例如，表示一个钢琴 键盘的视图)。 ? pageTurn 当它完成阅读的元素的内容时候通知 VoiceOver 需要滚动到下一个页面。 onAccessibilityTap (iOS) 使用此属性来分配一个自定义的函数，当有人在一个可访问元素被选中的时候通过双击来激活它的时候来调用该 函数。 onMagicTap (iOS) 当有人使用 “magic tap”手势，即：用两个手指双击的时候，该属性就会被分配给一个自定义函数，同时，这 个函数会被调用。一个魔法敲击函数应该执行用户可以在组件中找到的最具有相关性的操作。在 iPhone 的手机 应用程序中，一个魔法敲击可以接听或者结束一个电话。如果所选的元素不具有 onMagicTap 功能，该系统将遍 历视图层次结构直到它找到一个拥有此功能的视图。 accessibilityComponentType (Android) 在某些情况下