小编Nik*_*asv的帖子

Bootstrap Navbar切换按钮不起作用

缩小窗口并单击按钮时,它不起作用.按钮没有响应.这里似乎有什么问题可以有人告诉我吗?

<button type="button" 
        class="navbar-toggle" 
        data-toggle="collapse" 
        data-target=".navbar-collapse">

    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
</button>

<div class="collapse navbar-collapse">
    <ul class="nav navbar-nav">
        <li>
            <a href="">Page 1</a>
        </li>
        <li>
            <a href="">Page 2</a>
        </li>
        <li>
            <a href="">Page 3</a>
        </li>
    </ul>
Run Code Online (Sandbox Code Playgroud)

库是jQuery 2.1.3和bootstrap 3.3.1.

twitter-bootstrap twitter-bootstrap-3

24
推荐指数
5
解决办法
13万
查看次数

在 TabNavigator 中隐藏 TabBar 项目

如何从 TabNavigator 中隐藏某些 TabBar 项目。是否有某个TabBarOptions选项具有visible这样的键(真/假)?

const Tabs = TabNavigator({
  Home: {
    screen: Home
  },
  Profile: {
    screen: Thanks,
    tabBarOptions: {
      visible: false
    },
  },
  More: {
    screen: More
  },
})
Run Code Online (Sandbox Code Playgroud)

tabnavigator reactjs react-native react-navigation stack-navigator

8
推荐指数
2
解决办法
2万
查看次数

在 React Native Expo 项目中设置默认字体系列

我正在尝试在 RN Expo 项目中设置默认字体(Lato-Regular)。

我正在使用 setCustomText 来实现此目的。https://github.com/Ajackster/react-native-global-props

这种方法在非世博项目中运行时非常有效,但现在我将我的项目移至世博,并且应用程序的默认字体似乎存在问题。

import React, { Component } from 'react'
import { Styles } from 'react-native'
import { Root } from './src/config/router'
import {
  setCustomText
} from 'react-native-global-props'

import { Font } from 'expo'

class App extends Component {
  constructor() {
    super()
    this.state = {
      currentTab: null,
      fontLoaded: false
    }
  }

  getCurrentRouteName(navigationState) {
    if (!navigationState) {
      return null;
    }
    const route = navigationState.routes[navigationState.index]
    if (route.routes) {
      return this.getCurrentRouteName(route)
    }
    return route.routeName;
  }

  componentDidMount() { …
Run Code Online (Sandbox Code Playgroud)

fonts reactjs react-router react-native react-navigation

7
推荐指数
1
解决办法
1万
查看次数

Permissions.askAsync 未按预期工作

我遇到了 Permissions.askAsync 通知问题。

const status = await Permissions.askAsync(Permissions.NOTIFICATIONS)
Run Code Online (Sandbox Code Playgroud)

当使用 Permissions.askAsync 通知状态为“未确定”时,我希望看到提示对话框,告诉用户打开通知以继续。但是,当我使用 Permissions.getAsync 获得通知的状态时,如果它没有被“授予”我使用 Permissions.askAsync 但什么也没有发生(不显示通知对话框)

环境如下:

Target: iOS
Expo CLI 3.8.0 environment info:
System:
OS: macOS 10.14.6
Shell: 5.3 - /bin/zsh
Binaries:
Node: 12.13.1 - /usr/local/bin/node
npm: 6.12.1 - /usr/local/bin/npm
Watchman: 4.7.0 - /usr/local/bin/watchman
IDEs:
Android Studio: 3.4 AI-183.6156.11.34.5692245
Xcode: 11.2.1/11B500 - /usr/bin/xcodebuild
npmPackages:
expo: ^35.0.0 => 35.0.1
react: 16.11.0 => 16.11.0
react-native: https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz => 0.59.8
react-navigation: ^3.11.0 => 3.12.1
npmGlobalPackages:
expo-cli: 3.8.0
Run Code Online (Sandbox Code Playgroud)

示例如下:

import * as Permissions from "expo-permissions" …
Run Code Online (Sandbox Code Playgroud)

permissions push-notification react-native expo

6
推荐指数
1
解决办法
4168
查看次数

在React Native中检测View外部的点击

如何检测视图外部的水龙头(视图是一个小的宽度和高度为200)。例如,我有一个自定义View(类似于模式),它的可见性由状态控制。但是,当在其外部单击时,由于未完成setState,因此未进行任何更改,我需要捕获用户(除了模式内部)无处不在。在React Native中怎么可能?

modal-dialog reactjs react-native

5
推荐指数
1
解决办法
1801
查看次数

使用非默认浏览器通过 powershell 打开 .html 文件

.html我正在尝试在 powershell 的帮助下打开文件。我正在使用 Yeoman 并使用命令“Grunt Server”打开它,但它一直在默认浏览器中打开它。我应该使用哪个命令来使用 Chrome 打开它(例如)?

我可以将我的默认浏览器更改为 Chrome,但了解这一点很有趣。

powershell

2
推荐指数
1
解决办法
2万
查看次数

未定义不是对象(评估“React.PropTypes.Number”)错误

刚刚从 更新expo 21.0.022.0.0,我收到此错误:

在此输入图像描述

这是我的 package.json:

{
  "name": "APP",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "react-native-scripts": "1.5.0",
    "jest-expo": "^22.0.0",
    "react-test-renderer": "16.0.0-alpha.12"
  },
  "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
  "scripts": {
    "start": "react-native-scripts start",
    "eject": "react-native-scripts eject",
    "android": "react-native-scripts android",
    "ios": "react-native-scripts ios",
    "test": "node node_modules/jest/bin/jest.js --watch"
  },
  "jest": {
    "preset": "jest-expo"
  },
  "dependencies": {
    "expo": "^22.0.0",
    "react": "16.0.0-beta.5",
    "react-native": "https://github.com/expo/react-native/archive/sdk-22.0.1.tar.gz",
    "react-native-autocomplete-input": "3.3.1",
    "react-native-check-box": "2.0.0",
    "react-native-easy-toast": "1.0.9",
    "react-native-elements": "0.13.0",
    "react-native-global-props": "1.1.1",
    "react-native-htmlview": "0.12.1",
    "react-native-modal-dropdown": "0.5.0",
    "react-native-modalbox": "1.4.2",
    "react-native-parallax-scroll-view": "0.20.1",
    "react-native-tag-input": "0.0.14",
    "react-native-vector-icons": …
Run Code Online (Sandbox Code Playgroud)

javascript json reactjs react-native expo

2
推荐指数
1
解决办法
8504
查看次数