小编Dar*_*Lau的帖子

反应导航goback()并更新父状态

我有一个页面,如果他/她登录将呈现用户的名字,如果他/她没有,则会创建"创建帐户"或"登录"选项.屏幕如下

在此输入图像描述

他们可以导航到"登录"或"创建帐户"页面.成功登录或注册后,它将导航到此页面,并显示用户名.屏幕如下

在此输入图像描述

目前,我存储用户数据AsyncStorage,我想在用户成功登录后更新此字段,或者在从页面重定向时注册.

我怎样才能做到这一点?

有没有办法传递param navigate.goBack(),父母可以听取参数并更新其状态?

react-native

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

在没有表单发布的情况下触发 html5 验证

我想在没有表单发布的情况下实现类似的功能,因为它会重定向页面。 在此处输入图片说明

这是我的代码

<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 验证吗?

html validation

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

React Native Redux - 从asyncstorage初始化默认状态

我正在开发一个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-native

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

react-navigation标题上的React-native-popup-menu

我正在使用带有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中提取数据并开始渲染菜单数据.

我通过在线阅读它可以使用上下文方法实现,但我不知道如何在我的结构中实现它.

任何人都可以告诉我这个吗?是否可以使用我的局部变量进行渲染?

react-native

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

当API状态码为401(未经授权)时,React Native-注销用户

当用户登录或注册时,它将由我们的网络服务器生成令牌并存储在用户手机中。每次调用API时,都需要令牌来由我们的Web服务器进行验证,以查看用户是否被授权。

现在,如果令牌已过期,它将返回状态代码401。我想知道我应该如何处理它?

我们的应用程序使用redux和redux动作,可以在化简器中很容易地实现,但是化简器分为不同的模块,这意味着我必须在所有地方都做。

如果你们都需要任何信息,我会更新我的帖子。

react-native

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

禁用控制台登录反应导航

我正在为我的应用开发使用反应导航.当我运行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)

react-native

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

React Native - 显示应用程序内的网页

我正在开发一个社交应用程序,用户可以简单地附加一个网站 URL,当其他用户单击它时,它将在应用程序中显示一个网页。

例如如下 在此输入图像描述

我正在使用反应导航,有没有办法可以实现这一点?

react-native

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

React应用程序路由部署到IIS后不起作用

我是 Reactjs 新手,目前在 React 应用程序的 IIS 部署方面面临一些问题。

我执行 npm run build 并生成一个构建文件夹,然后我将此文件夹复制到我的 IIS。当我浏览页面时,我能够查看空白页面,但是当我导航到测试路线时,它显示 404。

我尝试添加“主页”:“/”或“主页”:“。” 在我的 package.json 中但仍然相同。

索引.html

在此输入图像描述

这是我的构建结构

在此输入图像描述

任何帮助表示赞赏。

iis reactjs

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

Laravel输入验证之间未正确验证

目前我在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)

php validation laravel

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

Laravel - 使用@section动态设置元标记

我想实现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 }})

但是当我检查我的元标记时,它什么也没给我.有可能这样做吗?

php laravel laravel-blade

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

react-native-fbsdk错误:包com.facebook.reactnative.androidsdk不存在

最近我一直在尝试将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)

react-native

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

在会话中更改域后,Laravel Auth :: login()不持久

之前,在我更改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)

php cookies session laravel laravel-5

0
推荐指数
1
解决办法
1072
查看次数