react-native之外链接和设备宽高

import {

  Text,

  View,

  ScrollView,

  StyleSheet,

  TouchableHighlight,

  TouchableOpacity,

  Image,

  Dimensions, // 获取设备宽高

  Linking, // 外链接 打开默认浏览器,如iphone就是Safari浏览器(俗称打开一个Webview)

} from 'react-native';
const { width, height } = Dimensions.get('window');
render(){
    return (<View>
				<RefreshPageContainer
					style={{ marginTop: 10, backgroundColor: OAColor.barTint }}
					api={'/cms_service/customer/getBestNewNewsList'}
					renderItem={this.renderMainItem}
					pager={true}
					pageSize={6}
					mutilParams={[{}]}
					dataHandler={(rows, pageNum) => {
						return pageNum === 1 ? rows.slice(3) : rows;
					}}
					showSeparatorComponent={false}
					pageStatusStyle={{ marginTop: 45 }}
				/>
	</View>)
}
renderMainItem = ({ item, index }) => {

    return (

      <TouchableOpacity onPress={() => this._onPressButton(item.id)}>

        <View style={styles.mainItemContainer}>

          <View style={styles.items}>

            <Text numberOfLines={2} style={{ fontSize: 16, color: '#262626' }}>{item.title}</Text>

            <Text style={{ fontSize: 12, color: OAColor.descText }}>{item.createTime}</Text>

          </View>

          <ImageAction style={styles.rightImage} reqUrl={'/cms_service/common/getImage'} reqParams={[item.id, "newsLogo"]} />

        </View>

      </TouchableOpacity>

    )

  }

  _onPressButton = (id) => {

    // mb(this).getNavigator().push('PrivateDetail', { id: item.id, item });

    let url = 'https://wallstreetcn.com/articles/' + id;

    Linking.openURL(url)

  }

猜你喜欢

转载自blog.csdn.net/hzxOnlineOk/article/details/90413221