我试过在MapView.Marker Tab中调用onPress方法,但它不起作用.
此跟踪标记点击的方法:
markerClick(){
console.log("Marker was clicked");
}
Run Code Online (Sandbox Code Playgroud)
在render方法中,Map组件被声明为在地图上显示地图和标记.在onPress方法中,我调用了自定义方法markerClicked().我仍然没有得到结果.
render() {
return (
<View style={styles.container}>
<MapView style={styles.map}
initialRegion={{
latitude: 37.78825,
longitude: -122.4324,
latitudeDelta: 0.0,
longitudeDelta: 0.0,
}}
>
{this.state.markers.map(marker => (
<MapView.Marker
coordinate={marker.coordinate}
title={marker.title}
description={marker.description}
onPress={() => this.markerClick()}
/>
))}
</MapView>
</View>
);
}
Run Code Online (Sandbox Code Playgroud) 我无法访问React Native Project IOS中的组件文件夹.
我收到以下错误:
无法从....../ReactNative/ReactNativeProject/components/App.js解析模块./Login:无法在其模块映射或......./ReactNative下的任何node_modules目录中找到此模块/ReactNativeProject/components/Login.j及其父目录.
我已经提到以下链接:http: //caroaguilar.com/post/react-native-navigation-tutorial/
index.ios.js(ReactNativeProject/index.ios.js)
"use strict";
import React, { AppRegistry } from 'react-native';
import App from './components/App';
AppRegistry.registerComponent('ReactNativeProject', () => App);
Run Code Online (Sandbox Code Playgroud)
App.js(ReactNativeProject/components/App.js)
'use strict'
import React, {Component} from 'react';
import {
AppRegistry,
StyleSheet,
NavigatorIOS,
} from 'react-native';
var Login = require('./Login');
class App extends Component {
render() {
return (
<NavigatorIOS
style={styles.navigationContainer}
initialRoute={{
title: "Login Page",
component: Login,
}} />
);
}
}
var styles = StyleSheet.create({
navigationContainer: {
flex: 1 …Run Code Online (Sandbox Code Playgroud) 我想在android中的MVP结构的简单示例来刷新recyclerview项目而不是recyclelerview的整个列表.
它只刷新android的recyclerview中的项目.
我使用以下来显示日期:
var formattedDate = new Date(date).toString();
console.log("DATE >> ", formattedDate);
Run Code Online (Sandbox Code Playgroud)
结果:
'日期 >>' , '2015 年 11 月 23 日星期三 05:30:00'
我的date格式如下:
date= 2015-11-23
Run Code Online (Sandbox Code Playgroud)
但我想格式化我date的"DD MMM YYYY"格式react-native-ios.
react-native ×3
ios ×2
android ×1
date ×1
date-format ×1
google-maps ×1
javascript ×1
mvp ×1
node.js ×1
reactjs ×1