精华内容
下载资源
问答
  • Navigator

    2018-08-22 23:34:20
    /** * Sample React Native App * https://github.com/facebook/react-native */ 'use strict'; import React, { AppRegistry, Component, StyleSheet, PixelRatio, Navigator, Scroll...
    /**
     * Sample React Native App
     * https://github.com/facebook/react-native
     */
    'use strict';
    
    import React, {
        AppRegistry,
        Component,
        StyleSheet,
        PixelRatio,
        Navigator,
        ScrollView,
        Text,
        View
        } from 'react-native';
    
    
    class DongFang extends Component {
        render() {
            let defaultName='List';
            let defaultComponent=List;
            return (
                <Navigator
                    initialRoute={{ name: defaultName, component: defaultComponent }}
                    //配置场景
                    configureScene=
                        {
                    (route) => {
    
                    //这个是页面之间跳转时候的动画,具体有哪些?可以看这个目录下,有源代码的: node_modules/react-native/Libraries/CustomComponents/Navigator/NavigatorSceneConfigs.js
    
                    return Navigator.SceneConfigs.VerticalDownSwipeJump;
                  }
                  }
                    renderScene={
                (route, navigator) =>
                 {
                let Component = route.component;
                return <Component {...route.params} navigator={navigator} />
              }
              } />
    
    
            );
        }
    }
    
    
    class List extends Component {
    
        constructor(props) {
            super(props);
            this.state = {
                author:'dongfangyao'
            };
        }
    
        _pressButton() {
            const { navigator } = this.props;
            //为什么这里可以取得 props.navigator?请看上文:
            //<Component {...route.params} navigator={navigator} />
            //这里传递了navigator作为props
            if(navigator) {
                navigator.push({
                    name: 'Detail',
                    component: Detail,
                    params:{
                        author:this.state.author,
                    }
                })
            }
        }
    
    
        render(){
            return (
                <ScrollView style={styles.flex}>
                    <Text style={styles.list_item} onPress={this._pressButton.bind(this)} >☆ 豪华邮轮济州岛3日游</Text>
                    <Text style={styles.list_item} onPress={this._pressButton.bind(this)}>☆ 豪华邮轮台湾3日游</Text>
                    <Text style={styles.list_item} onPress={this._pressButton.bind(this)}>☆ 豪华邮轮地中海8日游</Text>
                </ScrollView>
            );
        }
    }
    
    
    class Detail extends Component{
    
        constructor(props) {
            super(props);
            this.state = {};
        }
    
    
        componentDidMount() {
            this.setState({
                author:this.props.author,
            });
        }
    
        _pressButton() {
            const { navigator } = this.props;
            if(navigator) {
                //很熟悉吧,入栈出栈~ 把当前的页面pop掉,这里就返回到了上一个页面:List了
                navigator.pop();
            }
        }
    
        render(){
            return(
    
                <ScrollView>
                    <Text style={styles.list_item} onPress={this._pressButton.bind(this)} >作者是:{this.state.author}</Text>
    
                </ScrollView>
    
            );
        }
    }
    
    
    
    const styles = StyleSheet.create({
    
        flex:{
            flex:1,
    
        },
        list_item:{
            height:40,
            marginLeft:10,
            marginRight:10,
            fontSize:20,
            borderBottomWidth:1,
            borderBottomColor:'#ddd',
            justifyContent:'center',
        },
    
    
    });
    
    AppRegistry.registerComponent('DongFang', () => DongFang);
    

     

    展开全文
  • navigator

    2016-03-01 15:57:20
    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>navigator</title> </head> <body> <script> //typeof navigator pbject var i=1; for(var


    <!DOCTYPE html>
    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <title>navigator</title>
    </head>
    <body>
    <script>
    //typeof navigator pbject
    var i=1;
    for(var list in navigator){
    console.log(list);
    var p=document.createElement('p');
    var con=i++;
    p.innerHTML=con+": "+list;
    document.body.appendChild(p);
    }
    console.log(navigator.appName);//浏览器名称
    console.log(navigator.appVersion);//浏览器版本号
    console.log(navigator.platform);//平台
    console.log(navigator.plugins);//插件信息
    </script>
    </body>
    </html>

    展开全文
  • Anaconda Navigator

    2019-09-21 22:48:23
    Anaconda Navigator Anaconda Navigator Anaconda Navigator
  • Navigator.

    2017-05-05 11:30:40
    RN实现页面导航效果,Navigator和NavigatoriOS使用
  • 详解navigator对象

    万次阅读 多人点赞 2020-06-16 09:45:33
    Navigator 接口表示用户代理的状态和标识。 它允许脚本查询它和注册自己进行一些活动

    Navigator 接口表示用户代理的状态和标识。 它允许脚本查询它和注册自己进行一些活动

    window.navigator对象包含有关浏览器的信息,可以用它来查询一些关于运行当前脚本的应用程序的相关信息

    • navigator.appCodeName 只读,任何浏览器中,总是返回 'Gecko'。该属性仅仅是为了保持兼容性。
    • navigator.appName 只读,返回浏览器的官方名称。不要指望该属性返回正确的值。
    • navigator.appVersion 只读,返回一个字符串,表示浏览器的版本。不要指望该属性返回正确的值。
    • navigator.platform 只读,返回一个字符串,表示浏览器的所在系统平台。
    • navigator.product 只读,返回当前浏览器的产品名称(如,"Gecko")。
    • navigator.userAgent 只读,返回当前浏览器的用户代理字符串(user agent string)
    • navigator.battery 只读  返回一个 BatteryManager 对象,你可以用它来获取一些电池充电状态的信息。
    • navigator.connection 只读 提供一个NetworkInformation对象来获取设备的网络连接信息。
    • navigator.cookieEnabled 只读 当忽略 cookie 时返回 false,否则返回 true
    • navigator.geolocation 只读 返回一个 Geolocation 对象,据之可访问设备的地理位位置信息。
    • navigatorLanguage.language 只读 返回表示用户的首先语言,通常是浏览器用户界面的语言。当未知的时,返回null。
    • navigatorLanguage.languages 只读 返回一个表示用户已知语言的数组,并按优先顺序排列。
    • navigatorOnLine.onLine 只读 返回Boolean来表明浏览器是否联网。
    • navigator.oscpu 返回当前操作系统名。
    • navigator.mineTypes 只读 返回浏览器所支持的MIME类型的数组

     

     

    展开全文
  • Navigator对象

    2019-09-18 14:45:11
    Navigator对象 Navigator [ˈnævɪˌɡetɚ] 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。 navigator.appCodeName; 浏览器代码名的字符串表示 navigator.appName; 返回浏览器的名称 navigator....

    Navigator对象
    Navigator [ˈnævɪˌɡetɚ] 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。
    navigator.appCodeName; 浏览器代码名的字符串表示
    navigator.appName; 返回浏览器的名称
    navigator.appVersion; 返回浏览器的平台和版本信息
    navigator.platform; 返回运行浏览器的操作系统平台
    navigator.userAgent; 返回由客户机发送服务器的user-agent头部的值

    document.write(“navigator.appCodeName(浏览器代码名的字符串表示):” + navigator.appCodeName + “
    ”);
    document.write(“navigator.appName(返回浏览器的名称):” + navigator.appName + “
    ”);
    document.write(“navigator.appVersion(返回浏览器的平台和版本信息):” + navigator.appVersion + “
    ”);
    document.write(“navigator.platform(返回运行浏览器的操作系统平台):” + navigator.platform + “
    ”);
    document.write(“navigator.userAgent” + navigator.userAgent + “
    ”);

    userAgent 返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)
    function validB() {
    var u_agent = navigator.userAgent;
    console.log(u_agent);
    var B_name = “Failed to identify the browser”;
    if (u_agent.indexOf(“Firefox”) > -1) {
    B_name = “Firefox”;
    } else if (u_agent.indexOf(“Chrome”) > -1) {
    B_name = “Chrome”;
    } else if (u_agent.indexOf(“MSIE”) > -1 && u_agent.indexOf(“Trident”) > -1) {
    B_name = “IE(8-10)”;
    }
    document.write(“B_name:” + B_name + “
    ”);
    document.write(“u_agent:” + u_agent + “
    ”);
    }
    screen对象 screen对象用于获取用户的屏幕信息。
    对象属性:
    window.screen.availHeight; 窗口可以使用的屏幕高度,单位像素
    window.screen.availWidth; 窗口可以使用的屏幕宽度,单位像素
    window.screen.colorDepth; 用户浏览器表示的颜色位数,通常为32位(每像素的位数)
    window.screen.pixelDepth; 用户浏览器表示的颜色位数,通常为32位(每像素的位数)(IE不支持此属性)
    window.screen.height; 屏幕的高度,单位像素
    window.screen.width; 屏幕的宽度,单位像素

    document.write(“窗口可以使用的屏幕高度:” + screen.availHeight + “px
    ”);
    document.write(“窗口可以使用的屏幕宽度:” + screen.availWidth + “px
    ”);
    document.write(“用户浏览器表示的颜色位数:” + screen.colorDepth + “
    ”);
    document.write(“用户浏览器表示的颜色位数(IE不支持此属性):” + screen.pixelDepth + “
    ”);
    document.write(“屏幕宽度:” + screen.width + “px
    ”);
    document.write(“屏幕高度:” + screen.height + “px
    ”);

    展开全文
  • JS Navigator

    2019-10-05 02:36:07
    JS Navigator window.navigator 对象包含有关访问者浏览器的信息。 Window Navigator window.navigator 对象在编写时可不使用 window 这个前缀。 <div id="example"></div> <script> txt = "&...
  • navigator对象

    2019-04-15 21:08:31
    navigator对象是window对象的属性,它保存了浏览器的信息, 如: 浏览器名称,版本,浏览器所在的电脑操作系统等 console.log(navigator.appName); //浏览器名称 console.log(navigator.appVersion); //浏览器版本 ...
  • BOM对象之Navigator

    2016-11-24 21:28:27
    Navigator
  • Navigator 对象

    2018-06-06 11:30:14
    Navigator 对象:Navigator包含有关浏览器的信息虽然这个对象的名称显而易见的是 Netscape 的 Navigator 浏览器,但其他实现了 JavaScript 的浏览器也支持这个对象。Navigator 对象的实例是唯一的,可以用 Window ...
  • JavaScript Navigator

    2018-03-01 17:11:49
    window.navigator 对象包含有关访问者浏览器的信息window.navigator 对象在编写时可不使用 window 这个前缀 navigator.appCodeName 声明了浏览器的代码名navigator.appName 返回浏览器的名称navigator.appVersion...
  • window.navigator 对象包含有关访问者浏览器的信息。 navigator.language返回一个字符串,该字符串代表用户的首先语言,通常是浏览器使用的语言。navigator.language为只读属性。 例如:用一下方式可以获得其他对应...
  • WinCC_WebNavigator

    2019-05-10 11:44:59
    WinCC WebNavigator 官方中文说明文档 :配置wincc WebNavigator 文档说明
  • Window Navigator

    2017-05-08 13:02:11
    window.navigator 对象包含有关访问者浏览器的信息。 Window Navigator window.navigator 对象在编写时可不使用 window 这个前缀。 实例 txt = "Browser CodeName: " + navigator.appCodeName...
  • OptiX Navigator 6.2

    2014-07-11 23:16:21
    OptiX Navigator 6.2
  • navigator 对象

    2017-12-28 12:44:00
    转载: ... 包含了正在使用的 Navigator 的版本信息。 ...Navigator 2.0Navigator 3.0: 添加了 mimeTypes 和 plugins 属性;添加了 javaEnabled 和taintEnabled方法。Navi...
  • navigator浏览器信息

    2020-05-09 16:18:00
    navigator:浏览器信息 浏览器代号(内核):navigator.appCodeName 浏览器名称:navigator.appName 浏览器版本:navigator.appVersion 启用Cookies:navigator.cookieEnabled 硬件平台:navigator.platform 用户代理:...
  • navigator跳转

    2018-08-03 12:16:58
    navigator跳转分为两个状态一种是关闭当前页面一种是不关闭当前页面。用redirect属性指定。主要属性:wxml
  • RN Navigator

    2017-05-13 22:21:43
    <NavigationExperimental.Navigator initialRoute={{ name: "",title:'hehida', component: Info }} configureScene={() => { return NavigationExperimental.Navigator.SceneConfigs.PushFromRight

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 30,637
精华内容 12,254
关键字:

navigator