标签: navigator

使用 navigator.clipboard 复制 HTML/富文本

根据Clipboard Write API 规范,我可以复制到剪贴板,如下所示:

    const type = "text/plain";
    const text = "test plain";
    const blob = new Blob([text], { type });
    const data = [new ClipboardItem({ [type]: blob })];

    navigator.clipboard.write(data).then(
        () => {alert('success plain copy')},
        () => {}
    );
Run Code Online (Sandbox Code Playgroud)

我尝试过并且有效。但我尝试将类型更改为 HTML 或富文本,如下所示:

    const type = "text/html"
    const text = "<b>text html</b>";
    const blob = new Blob([text], { type });
    const data = [new ClipboardItem({ [type]: blob })];

    navigator.clipboard.write(data).then(
        () => {alert('success html copy')},
        () => {}
    );
Run Code Online (Sandbox Code Playgroud)

但这不起作用。显示成功警报,但未复制 …

javascript clipboard copy copy-paste navigator

4
推荐指数
1
解决办法
2446
查看次数

在highstock中更改导航日期格式

我想更改导航日期格式,例如从7月12日到2012年.

我该怎么办?

航海家

请帮忙...

谢谢

navigator highcharts highstock

3
推荐指数
1
解决办法
4535
查看次数

导航器在库存图表中的列类型无法正常工作

这里的问题是,当我选择股票图表的列类型时,导航器不会拖动整个宽度.我无法选择最后一个值00:10.

我的jsbin.

navigator: {
    series: {
        type: "column",
        field: "Importance"
    },
    select: {
        from: "1970/01/01 00:00:00",
        to: "1970/01/01 00:02:13"
    }
}
Run Code Online (Sandbox Code Playgroud)

我有什么想法我做错了吗?

javascript navigator kendo-ui

3
推荐指数
1
解决办法
662
查看次数

在特定测试中模拟导航语言

我正在使用Jasmine来测试JavaScript代码,我想知道是否有办法为特定测试设置导航语言(或浏览器语言)?

javascript navigator jasmine

3
推荐指数
1
解决办法
1908
查看次数

如何将状态传递给组件React Native

我是React Native的新手,真的无法弄清楚为什么我无法将状态从一个组件传递到另一个组件

export default class questions extends Component {
constructor(props){
    super(props);
    this.state={
        name: "stupidCount",
        val: 1}            
}

render(){
    const { navigate } = this.props.navigation;
    const { name2 } = this.state;
    return(
        <View style={styles.box}>
            <TouchableOpacity onPress={() => navigate('Question1',  stupidCount={name2})} >
                <Text style={styles.h1}> Question 1 </Text>
            </TouchableOpacity>
Run Code Online (Sandbox Code Playgroud)

第二部分,'问题1'

export default class Question2 extends Component {
render(){
    const { navigate } = this.props.navigation;
    console.log(stupidCount.val);
    return(
        <View style={styles.box}>
            <Text style={styles.h1}>Question 2 </Text>
            <Text> state test {stupidCount.val}</Text>
Run Code Online (Sandbox Code Playgroud)

非常感谢提前

state navigator reactjs react-native

3
推荐指数
1
解决办法
2793
查看次数

React Native - Stack Navigator 检查新面板是从哪个屏幕打开的

我正在使用Stack Navigator在屏幕之间导航。我有一个信息屏幕,可以从我的应用程序中的另外两个不同屏幕访问。根据我尝试从哪个屏幕访问我的信息面板,不同的文本应该显示在它上面。如何检查当前屏幕(信息屏幕)之前的屏幕是哪个?

我试着玩this.props.navigation.state.routeName。但是,它只会返回当前面板的名称,而不是之前的。有什么办法可以检查前一个或至少得到它的名字吗?

routes native screen navigator reactjs

3
推荐指数
1
解决办法
4231
查看次数

Phonegap 打开导航器 err_unknown_url_scheme

我创建了适用于 iOS 和 Android 的应用程序。

该应用程序显示了带有一些兴趣点的地图。如果用户点击其中之一,应用程序会尝试打开导航器。

onclick="cordova.InAppBrowser.open("https://maps.google.com/maps?daddr=45.29062,8.055613519999952&mode=transit", "_blank", "location=yes")"
Run Code Online (Sandbox Code Playgroud)

上面的代码是一个例子。我从应用程序中调用该 url,并且 cordova inappbrowser 正确打开导航器预览。

当我点击开始旅行时,浏览器会要求您打开谷歌地图应用程序。如果你说“不”,它不会做任何事情。因此,您被迫单击“是”。

单击“是”后,在 iOS 中可以正常工作,但在 Android 中我看到以下错误: 在此输入图像描述

请注意,我无法管理用户单击 POI 时显示的“导航”按钮。此外,如果我单击该链接,我的手机会正确打开谷歌地图应用程序,但如果我在浏览器中复制并粘贴该网址,我会看到导航器预览,而没有“开始”按钮。

maps android navigator phonegap

3
推荐指数
1
解决办法
2226
查看次数

在导航器弹出窗口上引发错误,直到:“!_debugLocked':不正确。”

通过单击showBottomSheet弹出导航到另一屏幕的屏幕时,以下代码引发此错误。我不明白为什么会这样。

class _CheckoutButtonState extends State<_CheckoutButton> {
  final GlobalKey<ScaffoldState> _globalKey = GlobalKey();
  final DateTime deliveryTime = DateTime.now().add(Duration(minutes: 30));

  final double deliveryPrice = 5.00;

  @override
  Widget build(BuildContext context) {
    SubscriptionService subscriptionService =
        Provider.of<SubscriptionService>(context);
    CheckoutService checkoutService = Provider.of<CheckoutService>(context);
    return Container(
      height: 48.0,
      width: MediaQuery.of(context).size.width * 0.75,
      child: StreamBuilder(
        stream: subscriptionService.subscription$,
        builder: (_, AsyncSnapshot<Subscription> snapshot) {
          if (!snapshot.hasData) {
            return Text("CHECKOUT");
          }
          final Subscription subscription = snapshot.data;
          final List<Order> orders = subscription.orders;
          final Package package = subscription.package;
          num discount = _getDiscount(package);
          num price = …
Run Code Online (Sandbox Code Playgroud)

navigator dart flutter

3
推荐指数
3
解决办法
5301
查看次数

请求相机权限 Flutter Web

我需要在我的网络应用程序中使用相机。所以我想如果用户拒绝在他/她的浏览器上使用相机,我会再次要求它允许相机许可。

这是我的代码

import 'package:universal_html/html.dart' as html;


      RaisedButton(
            onPressed: () {
              var permissions = Map<String,String>();
              permissions['name']= 'camera';
              html.window.navigator.permissions.request(permissions).then((value){
                print((value).state);
              });
            },
            child: Text('Grant Permission'),
          )
Run Code Online (Sandbox Code Playgroud)

但是当我单击“授予权限”按钮时,它会记录此错误

html_dart2js.dart:25368 Uncaught (in promise) TypeError: this.request is not a function
at Permissions.[dartx.request] (html_dart2js.dart:25368)
at web_camera_preview_screen.dart:157
at Generator.next (<anonymous>)
at runBody (async_patch.dart:86)
at Object._async [as async] (async_patch.dart:125)
at ink_well.InkWell.new.<anonymous> (web_camera_preview_screen.dart:154)
at _InkResponseState.new.[_handleTap] (ink_well.dart:779)
at ink_well.dart:862
at tap.TapGestureRecognizer.new.invokeCallback (recognizer.dart:182)
at tap.TapGestureRecognizer.new.handleTapUp (tap.dart:504)
at tap.TapGestureRecognizer.new.[_checkUp] (tap.dart:282)
at tap.TapGestureRecognizer.new.handlePrimaryPointer (tap.dart:217)
at tap.TapGestureRecognizer.new.handleEvent (recognizer.dart:475)
at pointer_router.PointerRouter.new.[_dispatch] (pointer_router.dart:76)
at pointer_router.dart:122
at …
Run Code Online (Sandbox Code Playgroud)

html navigator flutter flutter-web

3
推荐指数
1
解决办法
3744
查看次数

在 createMaterialTopTabNavigator ReactNavigation 5 中添加图标

由于 React Navigation 从版本 4 传递到版本 5,我无法找到如何显示图标而不是标签。我用过像这里这样的东西但我得到了

创建导航器不需要参数。也许您正在尝试将 React Navigation 4 API 与 React Navigation 5 结合使用

我找不到如何为我的每个屏幕传递 tabBarIcon ..

附上我的简化代码,有人可以帮助我吗?

import React, { useState } from 'react'
import { Icon } from 'react-native-elements'
import { NavigationContainer } from '@react-navigation/native'
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs'

import OverViewComponent from '..'
import MatosComponent from '..'
import PhotographerComponent from '..'

const Tab = createMaterialTopTabNavigator()

export default function App() {
  const [start, setstart] = useState(
    new Date(xxxxx)
  )
  const …
Run Code Online (Sandbox Code Playgroud)

navigator reactjs react-native react-navigation

3
推荐指数
1
解决办法
1012
查看次数