我是一个反应本土化的初学者。我想在两个组件之间传递数据。我得到以下错误：
TypeError:未定义不是对象(计算'params.title' )
App.js
import React from 'react';
import TabBar from './components/TabBar';
export default function App() {
return (
<TabBar title="Hall Building"/>
);
}
TabBar.js
import React, {
浏览 0提问于2020-01-18得票数 0
// src/ui/tabbar/Index.vue
<template>
<div>
my-tabbar
</div>
</template>
// src/ui/index.js
import MyTabbar from './tabbar/Index.vue'
export default {
install(Vue) {
Vue.component(MyTabbar.name, MyTabbar)
}
}
// src/main.js
import Vue from 'vue&
浏览 3提问于2021-07-23得票数 6
1回答
我正在构建一个使用React和Onsen UI的PWA和绑定。我试着让Tabbar在Onsen的网站上展示的官方示例中轻松自如。我的代码目前看起来如下(非常简单)：
import React, { Component } from 'react';
import { Page, Tabbar, Tab } from 'react-onsenui';
import 'onsenui/css/onsenui.css';
import 'onsenui/css/onsen-css-components.css';
import Sc
浏览 3提问于2019-01-19得票数 0
1回答
您好，我正在使用Dhtmlx网格..我需要他们网站上的dhtmlx tabbar..with引用(知道首先初始化网格..我做了this..but选项卡部分，但仍然没有work..let我知道我必须在哪里纠正code..here是我的代码
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE>
<html>
<head>
<
浏览 2提问于2013-08-05得票数 0
我目前正在关注这个。我目前在TabBarNavigation中遇到一个错误。据我所知，当我导出这个类时，问题可能出在connect方法上。但是，我已经将其包装在<Provider store={store}> <TabBarNavigation/> </Provider>中。
这是我得到错误的代码：
import React, { Component } from 'react';
import { addNavigationHelpers } from 'react-navigation';
import { TabBar
浏览 0提问于2018-03-26得票数 1
我通过Monaca创建了一个新项目。该页面有ons.bootstrap()，onsenui版本为v1.3.8 - 2015-07-27。
我试着添加
<script> angular.module('app', ['onsen'])</script>
但是，当我添加控制器(如app.MyController )时，它会给出以下错误
未定义的ReferenceError: app未定义
<!DOCTYPE HTML>
<html lang="en">
<head>
<
浏览 1提问于2016-01-20得票数 3
回答已采纳
我使用将react原生版本从0.61.0升级到0.65.0。
在对package.json文件进行更改、运行npm、清除android中的build文件夹之后，构建就会成功，应用程序将以一个错误的屏幕启动。
TypeError: el.getNode is not a function
This error is located at:
in AndroidHorizontalScrollView (at ScrollView.js:1784)
in ScrollView (at ScrollView.js:1810)
in ScrollView (at Animat
浏览 14提问于2022-02-01得票数 0
回答已采纳
我有类似的东西： <j:states>
<js:State name="login"/>
<js:State name="loggued"/>
</j:states>
...
<j:Group includeIn="loggued" width="100%" height="100%">
<j:TabBar localId="tabbar" width="100%" change="
浏览 21提问于2020-08-17得票数 0
1回答
我试图做我的反应底部标签栏组件的测试，而我正在测试它，我得到以下错误。
我遵循了这个链接中所有可用的解决方案，对我来说没有运气。
/Users/apple/Documents/MM/myproject/node_modules/@react-navigation/elements/lib/commonjs/assets/back-icon.png:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){�PNG
我的测试组件
Ta
浏览 9提问于2022-08-02得票数 0
回答已采纳
1回答
我正在尝试添加一个简单的循环进度图()，但它似乎不适用于Onsenui。我使用的是Onsen v1.3.8 - 2015-07-27。
我正确地添加了脚本，并在我的模块中添加了'angular-svg-round-progress‘...所以真的很难找出哪里出了问题。
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="widt
浏览 2提问于2016-01-20得票数 0
我正在尝试从远程服务器获取数据并将其显示在<ons-list>上。append javascript函数不能用于<ons-list>。它在屏幕上什么也没有显示。
这是我的javascript：
function loadCourses()
{
var bugs = $('#courses');
$.ajax({
type: 'GET',
url: '#myserverurlgoeshere',
dataTyp
浏览 4提问于2014-02-13得票数 1
回答已采纳
1回答
我很难用BottomTabNavigator包装每个StackNavigator的react导航来创建一个视图，但是它打印错误：undefined is not an object (evaluating 'state.routes')。
我试图创建的应用程序结构是
App.js (BottomTabNavigator)
HomeScreen (React.Component和初始路由)
JumoonScreen (React.Component)
WalletScreen (React.Component)
ㄴShoppingScreen (StackNavigator &l
浏览 1提问于2020-02-26得票数 1
1回答
当我想使用Vue练习导航栏时，会遇到有关无效路由组件的错误。在这个div中不能显示任何东西。至于控制台的提示，我找不到出路。
App.vue，hereI只显示主页导航
<template>
<div id="app">
<tab-bar>
<tab-bar-item class="tab-bar-item" path='/home' activeColor="red">
<img slot="item-icon"
浏览 2提问于2021-07-29得票数 1
我对JS和Phone Gap的世界比较陌生。我在我的应用上使用了原生TabBar插件，但是当我的一个标签调用时，它工作得很好：
function TabPressed(){
window.open('www.google.com', '_self', 'location=no');
}
我的TabBar失去了它的功能。我猜这是因为window.open正在用新的js打开一个新的网页，等等。如何在打开新窗口时仍然允许我的tabBar正常工作。
浏览 1提问于2013-06-16得票数 0
我有一个包含多个TabBar组件的TabBar.Item。每个TabBar.Item组件都有自己的NavigatorIOS。
下面是我的TabBar.js代码示例
<TabBarIOS>
<TabBarIOS.Item
selected={this.state.selectedTab === "profile"}
systemIcon={"most-viewed"}
onPress={() => this.setTab("profile")}
>
<NavigationB
浏览 5提问于2017-03-14得票数 0
回答已采纳
index.js
import {AppRegistry} from 'react-native';
import TabBar from './src/Navigation/TabBar';
import {name as appName} from './app.json';
import App from './App';
AppRegistry.registerComponent(appName, () => App);
App.js
import { Platform } fro
浏览 1提问于2020-11-05得票数 1
我正在使用weui和zepto.js创建一个Android应用程序，超链接在我的PC上工作，但在Android上不起作用。代码如下：
> <a href="input" class="weui-tabbar__item"> <img
> src="./images/icon_nav_panel.png" alt="" class="weui-tabbar__icon">
> <p class="weui-tabbar__label">Go
浏览 10提问于2017-10-03得票数 2
我从入门网站下载了IncludeExternalPages项目。在main.js for iPhone中，我可以看到WL.TabBar应该显示什么：
function wlEnvInit(){
wlCommonInit();
WL.TabBar.init();
WL.TabBar.addItem("WLtab1", function () {tabClicked(1); } ,"Home",{
image: "tabButton:Favorites"
});
WL.TabBar.add
浏览 2提问于2014-09-08得票数 0
回答已采纳
我正在使用StackNavigator加载一个用App.js中的react-native-tab-navigator创建的标签栏。我在Tabbar中有一个视图。如何从该视图导航回App.js？
App.js
import { StackNavigator } from 'react-navigation';
const SigninSignup = StackNavigator({
Signup: { screen: Signup },
Signin: { screen: Signin },
});
render() {
if (this.stat
浏览 6提问于2017-12-20得票数 0
回答已采纳
我正在追随Sencha touch教程，制作简单的Tabbar。
但是tabbar的布局是垂直的。
不管怎样，我不能改成水平模式。
我做的东西有什么问题吗？
教程是
我的代码如下..
index.html
<!DOCTYPE html>
<html>
<head>
<title>Sencha</title>
<link rel="stylesheet" href="app.css" type="text/css">
<script type=&
浏览 2提问于2013-01-12得票数 0
回答已采纳
1回答
我正在尝试用redux实现react导航的TabNavigator，但是我经常遇到错误。我现在得到了以下错误:未定义不是对象(计算'navigation.state.routes')
我的index.android.js和index.ios.js都指向我的app.js。
我创建了以下类：
NavigationConfiguration
import {
TabNavigator
} from 'react-navigation';
// Default colors class
import colors from '../config/color
浏览 2提问于2017-03-29得票数 3
回答已采纳
1回答
我已经安装了带有扩展库和dojo 1.4.3的domino designer 8.5.2。我已经在Xpage的源码中写了代码，
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
xmlns:xe="http://www.ibm.com/xsp/coreex">
<xe:mApp id="mApp1" selectedPageId="home">
浏览 1提问于2012-09-28得票数 1
回答已采纳
4回答
黑名单保留-坚持反应本机
、、、、
嗨，我是新来的反应本地人和复仇者。我使用redux持久化在本地存储数据，但是有一些键我不想持久化。为此，我正在使用黑名单，这是行不通的。它坚持所有的键，而不是忽略我想要的钥匙。这是代码
我不想持久化数据和选项卡。
store.js
import rootReducer from './reducers'
// import AsyncStorage from '@react-native-community/async-storage';
import { AsyncStorage } from 'react-native';
import
浏览 6提问于2020-04-13得票数 1
回答已采纳
使用trigger.io构建HTML5应用程序。
使用topbar和tabbar的本机UI特性，并遇到以下问题。
顶杆
对于android:标题图像减少了很多，变得像一个小图标。而对于IOS来说，效果很好。我正在使用Android4.1.2GalaxtNotes 2来测试apk文件。
是否有一个最佳图像大小的标题图像，以使它不会减少？
Tabbar
无法在Android和IOS中添加Tabbar按钮。下面是我使用的确切的js代码
forge.tabbar.addButton({
icon: "img/IMG_0045.png",
text: "First"
浏览 1提问于2013-07-11得票数 0
我在我的应用程序中使用了react导航，我想在视频tabBar全屏模式的嵌套堆栈屏幕上隐藏。我在嵌套屏幕的tabBarVisible中测试navigationOptions，但没有工作。请帮助我如何做that.thankes
PlayerScreen.js：
class PlayerScreen extends Component {
static navigationOptions = ({navigation}) => ({
tabBarVisible: false, // not work correctly . in this snippet code i do
浏览 0提问于2019-01-21得票数 0
当前行为
使用react-native-tab-view v1.0.0时，出现错误：
Invariant Violation: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, o
浏览 36提问于2018-08-31得票数 4
我一直在尝试用react-native-tab-view显示动态标签，但它总是给我这样的错误：
Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have
浏览 10提问于2018-09-03得票数 6
1回答
我正在使用framework7构建我的第一个应用程序。现在我被卡住了，因为当页面加载或刷新页面时，带有id=" tab -1“的选项卡没有加载。我首先要点击“主页”-tab来加载tab-1。Tab-1有"tab-active“，Tab-link也有"tab-link-active”。有人看到问题了吗？提前谢谢。
<div class="statusbar-overlay"></div>
<div class="panel-overlay"></div>
<div class=
浏览 1提问于2018-01-06得票数 0
我正在尝试用多语言配置我的react应用程序。为此，我使用i18next作为react。我的配置文件是： i18n.ts import i18next from 'i18next';
import { initReactI18next } from 'react-i18next';
import XHR from 'i18next-xhr-backend';
const backendOptions = {
loadPath: '/locales/{{lng}}.json',
crossDomain: true
浏览 73提问于2019-05-17得票数 1
回答已采纳
我是在创建一个底部选项卡栏，而没有使用反应-本机导航内置一个，我想禁用左和右幻灯片动画。首先，我尝试使用animationEnabled道具，但它似乎什么也没做。我还尝试使用计时，并将持续时间设置为0，但它也不起作用。我做错了什么？
RootStack.js
// import react navigation
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/nativ
浏览 4提问于2021-12-02得票数 0
1回答
我正在用Framework7和vuejs制作一个应用程序。
我有底部的工具栏，但我这里有路由问题。
这是我的代码
route.js
{
path: '/about/',
component: require('./assets/vue/pages/about.vue')}
main.vue
<div class="toolbar tabbar tabbar-labels">
<div class="toolbar-inner">
<a class="item-link tab-li
浏览 0提问于2017-04-25得票数 8
2回答
如何更改外部响应本机模块的样式
、、、、
我刚开始对本机做出反应，我正在为使用TabBar存储库。
我能改变一些风格吗？默认情况下，泡沫的背景是蓝色的，我想把它改成别的东西。
在index.js下的node_modules/react-native-fluidbottomnavigation中，backgroundColor被定义为#4C53DD。
我能从我使用TabBar的那一点来改变它吗？
这是我的NavBar：
这是我在App.js中的代码
<TabBar
onPress={tabIndex => {
console.log(tabIndex);
浏览 8提问于2020-02-22得票数 0
回答已采纳
因此，我试图根据商店状态对tabNavigator进行样式设置：
import React from 'react';
import { connect } from 'react-redux';
import { TabNavigator } from 'react-navigation';
const Tabs = TabNavigator(
// Screens
{
Boards: {
screen: Boards,
navigationOptions: {
tabBarLabel:
浏览 3提问于2017-12-24得票数 3
回答已采纳
目前，我正在尝试将一个水平的ScrollView定位到react的内容中-导航材料-顶部标签(也可以水平滚动)。
预期行为：
在水平ScrollView中拖动时，只应影响ScrollView并滚动。
当前行为：
有时，当在水平ScrollView中拖动时，整个顶部选项卡将滚动。(选项卡正在切换)，这对UX来说是一场噩梦。
你知道有什么办法能使它按预期的方式工作吗？
代码片段：
Navigation.js
// Importing Top Tabs creator
import { createMaterialTopTabNavigator } from "@react-nav
浏览 24提问于2022-06-24得票数 5
我已经在Vue中成功创建了一个单独的File组件；没有编译错误，但是，当我尝试查看该组件(通过导航到它的路由链接)时，预期的页面不会显示，相反，我会在(Chrome)浏览器中使用Vue Devtools插件打印堆栈跟踪。 以下是Vue Devtools插件控制台中的堆栈跟踪输出： vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render:
log.js?1afd:24 [HMR] Waiting for update signal from WDS...
vue.runtime.esm.js?2b0e:619 [Vue warn]: E
浏览 686提问于2019-06-09得票数 5
回答已采纳
我想要从Login.js导航到home.js，所以任何人都可以帮助我。
//app.js
var win = Titanium.UI.currentWindow;
var tabbar = Ti.UI.createTabGroup({
title:"Login"
});
var mainwin = Ti.UI.createWindow({
url:"Login/login.js"
});
var signupwin = Ti.UI.createWindow({
url:"Login/Home.js"
浏览 0提问于2011-04-20得票数 0
回答已采纳
1回答
我在我的应用程序中都使用TabNavigator和DrawerNavigator。
当我打开抽屉‘幻灯片’选项，内容幻灯片与抽屉，但TabBar不一起滑动。
我想让TabBar一起滑行，但我找不到任何选择。
我该怎么做？你能帮忙吗？
1) app.js
...skip ...
const DailySalesStack = createStackNavigator({
DailySalesMain: DailySalesMain,
},
{
defaultNavigationOptions:{
浏览 0提问于2019-06-15得票数 2
1回答
我试图在Cordova开发中使用onsen用户界面。
<body ng-controller="AppController" >
<!-- Navigator as root element -->
<ons-navigator var="myNavigator" ng-controller="SubController" ons-prepush="onPopPost($event)" ons-postpop="onPopPost($event)">
浏览 1提问于2015-07-26得票数 2
回答已采纳
1回答
我正在用react js制作一个手机标签栏，上面有图标。我正在使用React Router执行路由。现在，当图标处于活动状态时，我可以使用.active类更改它的颜色。有没有一种方法可以在路由激活时更改图标文件？下面是附加的代码。 import React, { Component } from 'react';
import {NavLink} from 'react-router-dom';
import home_icon_stroke from './home_icon_stroke.svg';
import explore_ico
浏览 19提问于2021-05-01得票数 1
回答已采纳
我使用onsen和ons-tabbar，并希望用jquery隐藏/显示选项卡。我想隐藏在登录页面中的标签，并在登录后显示。这是我的密码：
<head>
<meta charset="utf-8">
<script src="http://debug-software.intel.com/target/target-script-min.js#h2kN-2HmemNy-2C0zFMFsSdJyBtr__GRx6CB-TI6nsA"></script>
<link rel="st
浏览 4提问于2015-05-12得票数 2
回答已采纳
我正在尝试从远程服务器获取数据并将其显示在表中。javascript函数不会运行，也不会在屏幕上显示任何内容(选项卡2)。
这是我的index.html：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
浏览 1提问于2016-12-02得票数 0
我正在尝试从我的按钮传递一些数据 <Button
text="Explore"
elementStyles={secondaryButton}
onPress={() => Actions.dashboard({
demoMode: true,
})}
testID="button-explore"
/> ，位于Ex
浏览 11提问于2019-03-07得票数 1
回答已采纳
1回答
我做了一个简单的移动应用程序(使用Worklight Studio)。我为这个应用程序添加了Dojo功能。因此，我有一个TabBar，我想在单击选项卡时执行一些操作
MainPage.html (部分)
<ul data-dojo-type="dojox.mobile.TabBar">
<li id="accountInfoButton" data-dojo-type="dojox.mobile.TabBarButton" icon="images/AccountInfoIcon.png" data-dojo-p
浏览 4提问于2013-04-30得票数 0
1回答
我需要在文件artistPage.js中引用TabNavigator in index.ios.js。特别是，当用户在页面TabBar上时，我需要更改样式以隐藏artistPage。
我怎么能这么做？有什么想法吗？
我试图在道具中转换样式，但是有只读模式(
index.ios.js
'use strict'
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
View,
Image,
Text,
NavigatorIOS,
Touch
浏览 2提问于2016-07-05得票数 4
回答已采纳
如何确保我的自定义选项卡图像位于UITabBarItems的中心？这是我的代码：
[self.tab.tabBar.items[0] setImage:[UIImage imageNamed:@"homeIcon"]];
[self.tab.tabBar.items[0] setAccessibilityLabel:@"Home"];
[self.tab.tabBar.items[1] setImage:[UIImage imageNamed:@"searchIcon"]];
[self.tab.tabBar.items[1] setAccess
浏览 0提问于2018-09-28得票数 3
回答已采纳
在第一个标签上有链接，当我点击这个链接时，它应该生成一个新的标签，焦点应该转到tab.there是一个问题，标签生成了，但焦点没有转到那个标签，有人能帮我吗？
<link rel="stylesheet" type="text/css" href="./compo.css"/>
<script type="text/javascript" src="./jquery-1.7.1.min.js" charset="utf-8"></script>
<scrip
浏览 5提问于2013-10-14得票数 0
3回答
我想为UITabBar设置圆角半径和阴影，但我有一个问题。这是我的代码
tabBar.barTintColor = .white
tabBar.isTranslucent = false
tabBar.layer.shadowOffset = CGSize(width: 0, height: 5)
tabBar.layer.shadowColor = UIColor(red: 0, green: 0, blue: 0, alpha: 1).cgColor
tabBar.layer.shadowOpacity = 1;
tabBar.layer.shadowRadius = 25;
tabB
浏览 0提问于2019-05-15得票数 6
我正在使用，它似乎强制图标大小。有什么想法，如何使图标大小不同？
<ons-tabbar position="top">
<ons-tabbar-item icon="fa-home" page="home.html" active="true"></ons-tabbar-item>
<ons-tabbar-item icon="fa-th-large" page="list.html"></ons-tabbar-item>
浏览 1提问于2014-11-29得票数 1
回答已采纳
1回答
在我的应用程序中，我为iOs和Android环境创建了一个WL.TabBar对象，就像导航菜单一样。为了模拟jquery的后退按钮，我使用了一个简单的函数，如下所示
function back(){
history.back();
return false;
}
function forward(){
history.forward();
return false;
}
在iOs模拟器中，它可以工作，但在Android。我使用的是Android2.2虚拟设备。
编辑:这是android/js/[AppName].js文件上的代码，也是iOs环境的代码。
functio
浏览 2提问于2013-11-30得票数 0
回答已采纳
我对C++中的Qt编程很陌生。我正在使用2019作为编辑器。我制作了两个按钮(b1和b2)和一个选项卡部件。如下图所示，它们在UI中是正确可见的。
我想要什么？，我想自动隐藏标签区域。
我做了什么？，这是包含小部件(选项卡和按钮)的代码。
main.cpp
#include "tabbar.h"
#include <QtWidgets/QApplication>
int main(int argc, char* argv[])
{
QApplication a(argc, argv);
TabBar w;
w.show();
浏览 6提问于2022-01-11得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
