我有一个页面,如果他/她登录将呈现用户的名字,如果他/她没有,则会创建"创建帐户"或"登录"选项.屏幕如下
他们可以导航到"登录"或"创建帐户"页面.成功登录或注册后,它将导航到此页面,并显示用户名.屏幕如下
目前,我存储用户数据AsyncStorage
,我想在用户成功登录后更新此字段,或者在从页面重定向时注册.
我怎样才能做到这一点?
有没有办法传递param navigate.goBack()
,父母可以听取参数并更新其状态?
我想在没有表单发布的情况下实现类似的功能,因为它会重定向页面。
这是我的代码
<form>
<input type="number" step="any" min="0" required oninvalid="this.setCustomValidity('Please enter price with decimal format, eg x.xx .')">
<button type="submit">submit</button>
</form>
Run Code Online (Sandbox Code Playgroud)
我做了一些研究,它似乎必须通过表单发布来触发。可以使用 jquery 功能按钮单击触发 html5 验证吗?
我正在开发一个Android应用程序,我的屏幕必须取决于用户是否登录.登录数据存储在AsyncStorage中.
当应用程序启动时,它应该从AsyncStorage获取数据并将其作为默认状态.我怎样才能实现这一目标?
下面是我的redux结构
index.android.js
import {
AppRegistry,
} from 'react-native';
import Root from './src/scripts/Root.js';
AppRegistry.registerComponent('reduxReactNavigation', () => Root);
Run Code Online (Sandbox Code Playgroud)
Root.js
import React, { Component } from "react";
import { Text, AsyncStorage } from "react-native";
import { Provider, connect } from "react-redux";
import { addNavigationHelpers } from 'react-navigation';
import getStore from "./store";
import { AppNavigator } from './routers';
const navReducer = (state, action) => {
const newState = AppNavigator.router.getStateForAction(action, state);
return newState || state;
};
const mapStateToProps = (state) => ({
nav: …
Run Code Online (Sandbox Code Playgroud) 我正在使用带有react-navigation的redux,并且想要在用户单击react-navigation header右按钮上的按钮时显示弹出窗口.
我在我的应用程序的根目录中包含了上下文菜单,如下所示
return (
<Provider store={store}>
<MenuContext style={{ flex: 1 }}>
<AppWithNavigationState />
</MenuContext>
</Provider>
)
Run Code Online (Sandbox Code Playgroud)
在我的一个屏幕上,我有
static navigationOptions = {
headerTitle: 'News',
headerRight: (
<TouchableOpacity style={{ paddingLeft:15, paddingRight:15 }}>
<Icon name="more-vert" size={30} color="black" />
</TouchableOpacity>
),
}
Run Code Online (Sandbox Code Playgroud)
菜单项是动态的,我将不得不从我的一个API中提取数据并开始渲染菜单数据.
我通过在线阅读它可以使用上下文方法实现,但我不知道如何在我的结构中实现它.
任何人都可以告诉我这个吗?是否可以使用我的局部变量进行渲染?
当用户登录或注册时,它将由我们的网络服务器生成令牌并存储在用户手机中。每次调用API时,都需要令牌来由我们的Web服务器进行验证,以查看用户是否被授权。
现在,如果令牌已过期,它将返回状态代码401。我想知道我应该如何处理它?
我们的应用程序使用redux和redux动作,可以在化简器中很容易地实现,但是化简器分为不同的模块,这意味着我必须在所有地方都做。
如果你们都需要任何信息,我会更新我的帖子。
我正在为我的应用开发使用反应导航.当我运行log-android时,它会记录这样的事情.
导航调度:行动:{...},新州:{...}
它来自createNavigationContainer.js第150行.
我已经通过github和文档表示可以通过在顶级导航器上设置onNavigationStateChange = {null}来完成.
如何通过设置onNavigationStateChange = {null}来实现这一点,我应该在哪里设置它?
我尝试设置如下,但页面将无法重定向到其他页面.
export default () => {
<App onNavigationStateChange={null} />
}
Run Code Online (Sandbox Code Playgroud)
以下是我的app.js代码
import React, { Component } from 'react';
import { AppRegistry, StyleSheet, Text, View } from 'react-native';
import { StackNavigator,DrawerNavigator } from 'react-navigation';
import DrawerContent from './components/drawer/drawerContent.js';
import News from './components/news/home.js';
const drawNavigation = DrawerNavigator(
{
Home : {
screen : News ,
navigationOptions : {
header : null
}
}
},
{
contentComponent: props => <DrawerContent {...props} />
}
) …
Run Code Online (Sandbox Code Playgroud) 我是 Reactjs 新手,目前在 React 应用程序的 IIS 部署方面面临一些问题。
我执行 npm run build 并生成一个构建文件夹,然后我将此文件夹复制到我的 IIS。当我浏览页面时,我能够查看空白页面,但是当我导航到测试路线时,它显示 404。
我尝试添加“主页”:“/”或“主页”:“。” 在我的 package.json 中但仍然相同。
索引.html
这是我的构建结构
任何帮助表示赞赏。
目前我在laravel输入验证中面临一些问题,其中两者之间的验证规则似乎无法正确应用.下面是我的HTML代码.
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<div class="margin-bottom-10">
<label>Thread Title :</label>
<input name="thread_title" maxlength="100" required>
</div>
<div class="margin-bottom-10">
<label>Price :</label>
<input type="number" step="0.01" min="0" required title="Please enter price with x.xx format." name="thread_item_price" />
</div>
Run Code Online (Sandbox Code Playgroud)
我要做的是验证给定的价格必须在0到9999.99之间.我检查元素并删除min ="0"并尝试提交负值表示-1000,系统似乎接受输入.以下是我的验证器规则
$validator = Validator::make($request::all(),
[
'thread_title' => 'required|max:100',
'thread_item_price' => 'between:0,9999.99'
],
[
'thread_title.required' => 'Please fill in thread title.',
'thread_title.max' => 'Thread title has exceeded 100 characters.',
'thread_item_price.required' => 'Price cannot be empty.',
'thread_item_price.between' => 'Price must be equals to 0 or 9999.99.', …
Run Code Online (Sandbox Code Playgroud) 我想实现Facebook分享按钮功能,它将在用户点击分享按钮期间捕获元标签信息.
我有一个head.blade.php,其中包含一些要捕获的元标记.例
<meta property="og:url" content="@yield('facebook_share_url')">
<meta property="og:image" content="@yield('facebook_share_image')">
<meta property="og:description" content="@yield('facebook_share_description')">
Run Code Online (Sandbox Code Playgroud)
我有一个default.blade.php.
<!doctype html>
<html>
<head>
@include('includes.head')
</head>
<body>
<div class="container">
<header class="row">
@include('includes.header')
</header>
<div id="main" class="row">
@yield('content')
</div>
</div>
@include('includes.footer')
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
因此,当我浏览一些网址www.example.com/details时,default.blade.php将从此details.blade中获取内容.此时我想更改facebook元标记属性,所以我在详细信息页面中执行了类似下面的操作.
@section('facebook_share_image', 'This is a description')
@section('facebook_share_description', 'This is an individual page title')
Run Code Online (Sandbox Code Playgroud)
代码工作正常,但我想从我的视图数据中呈现它.就像是@section('facebook_share_description', {{ $data->description }})
但是当我检查我的元标记时,它什么也没给我.有可能这样做吗?
最近我一直在尝试将facebooksdk设置为我的react-native应用程序.我经历了很多帖子,但在设置过程中我仍然遇到很多错误.
我按照指南,我使用npm react-native-fbsdk@0.6.0安装(因为最新版本有错误)我运行react-native链接react-native-fbsdk
以下是我的设置
MainApplicaiton.Java
package com.ddc;
import android.app.Application;
import com.facebook.react.ReactApplication;
import com.facebook.reactnative.androidsdk.FBSDKPackage;
import com.oblador.vectoricons.VectorIconsPackage;
import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
import com.facebook.soloader.SoLoader;
import com.facebook.CallbackManager;
import com.facebook.FacebookSdk;
import java.util.Arrays;
import java.util.List;
public class MainApplication extends Application implements ReactApplication {
private static CallbackManager mCallbackManager = CallbackManager.Factory.create();
protected static CallbackManager getCallbackManager() {
return mCallbackManager;
}
private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
@Override
public boolean getUseDeveloperSupport() {
return BuildConfig.DEBUG;
}
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(), …
Run Code Online (Sandbox Code Playgroud) 之前,在我更改session.php中的domian之前,我的Auth :: login()工作正常,它将保留cookie,因此他们无需再次登录。当我的一些朋友告诉我,当他们单击登录(来自Facebook)时,它将以某种方式在AbstractProvider.php中返回InvalidStateException。
我在Google周围搜索,知道cookie可能引起某些问题,解决方案是将session.php中的域从null更改为我的域(例如myapps.com)。
当我更改为myapps.com之后,invalidstateException将不再发生,但不会继续我的登录。6到12个小时后,它要求我再次登录。
下面是我的代码(我相信在更改会话之后,我的代码是正确的,并且登录将不再持久)。
$UserLogin = User::where('facebook_id', '=', $user->getId())->first();
Auth::login($UserLogin, true);
Run Code Online (Sandbox Code Playgroud) react-native ×7
laravel ×3
php ×3
validation ×2
cookies ×1
html ×1
iis ×1
laravel-5 ×1
reactjs ×1
session ×1