小编gre*_*reW的帖子

React-native以编程方式滚动多行TextInput

我想知道如何TextInput通过multiline参数向内滚动?我看到了该函数,onContentSizeChange但我没有看到任何以编程方式使用内部滚动的选项.

这是一个可以玩的世博小吃(与目前的情况) https://snack.expo.io/S1Gpa3pRb

关键是我正在尝试在新行上向下滚动TextInput.

(ps我正在研究android,我也有一个autoGrow选项,但是我想在某些方面限制它(这部分很容易制作)但是在达到极限之后我会得到与expo显示的相同的反应,TextInput不向下滚动.)

谢谢!

javascript reactjs react-native

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

socket io房间名称和特定房间内的用户数量

我正在尝试使用socket.io版本构建一些基本的聊天(基于房间):

"socket.io": "^2.1.1"
"socket.io-client": "^2.1.1"
Run Code Online (Sandbox Code Playgroud)

我有几个基本问​​题,无论我找到多深,我都找不到任何有效的答案.

  1. 当一个用户进入一个特定的房间时,我正在这样做(在服务器中), socket.join(roomName)所以只有当至少有连接到这个房间的插座时,房间才"存在"?

  2. 我想创建一个屏幕,其中包含房间名称和参与者的数量 - (是否可以通过客户端socketIO的对象获取它?),我发现可以通过使用获取房间名称(服务器端)io.sockets.adapter.rooms但是我得到了非常奇怪的字符串,绝对不是房间名称.

  3. 我正在尝试在每个房间内创建一个页面,显示连接到该房间的用户(进入房间的连接socket.join(roomName))

我是socket.io的新手.我希望有人可以帮助我更好地理解如何使用它,以及我在这里缺少的东西.

谢谢!

javascript node.js socket.io

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

使用Wordpress woocommerce创建自定义“添加到购物车”

我在woocommerce模板之外的页面中提取了特定产品,因此需要添加“添加到购物车”按钮。我看了一下代码,然后看到woocommerce这样做,

<a href="/?product_cat=icecream&amp;add-to-cart=77" rel="nofollow" data-product_id="77" data-product_sku="" class="button add_to_cart_button product_type_simple">Add to cart</a>
Run Code Online (Sandbox Code Playgroud)

我试图更改product_id和所有适合自己需求的内容,例如,

<a href="/?product_cat=icecream&amp;add-to-cart=<?php echo $id; ?>" rel="nofollow" data-product_id="<?php echo $id; ?>" data-product_sku="" class="button add_to_cart_button product_type_simple">
    <img src="<?php echo get_bloginfo('template_directory'); ?>/images/add_to_cart.png" alt="Add to cart" />
</a>
Run Code Online (Sandbox Code Playgroud)

但是由于某种原因它没有被保存(当我进入购物车页面时它是空的)。我也在尝试丢失添加该项目时靠近的“查看购物车”按钮,如果有人可以指导我如何创建该按钮以及如何重定向该按钮,那将是完美的(:

谢谢 !

php wordpress woocommerce

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

应用程序在后台运行时,react-native深层链接

我有我的Android应用程序(react-native为基础)和深度链接第一次当我运行它而应用程序没有在后台运行时效果很好,但当应用程序在后台运行时我点击深层链接它甚至没有打开应用程序...我不确定从哪里开始这个错误我console.logs在生命周期事件中尝试了一些,但他们甚至没有运行.

请指导我在哪里寻找问题以及如何解决它,谢谢!

deep-linking react-native react-native-android

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

在特定屏幕上使用react-navigation修改后退按钮

我正在使用react-navigation我的导航库,我想知道如何更改react-navigation特定屏幕的"后退"按钮(由自动添加)功能?

我的意思是不是在屏幕堆栈中走一步,而是希望它在堆栈中向后走2步.或者通过给它一个屏幕名称手动完成(再次只在一个组件上).

谢谢.

reactjs react-native react-navigation

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

react-router-dom 直接访问子路径

我在我的主要组件中设置了我的主要路线

<Main>
    <Switch>
        <Route exact path="/login" component={ LoginPage }/>
        <PrivateRoute path="/" component={ PrivatePages }/>
    </Switch>
</Main>
Run Code Online (Sandbox Code Playgroud)

和里面PrivatePages的路线是这样设置的

<div>
    <Switch>
        <Route exact path="/users/:id" component={ UsersPage }/>
    </Switch>
</div>
Run Code Online (Sandbox Code Playgroud)

当我像http://localhost:3000/users一样访问它时,我会看到正确的页面(UsersPage 组件),当我点击一个用户时,它会传输到http://localhost:3000/users/someUserId(我我通过使用<Link>)来完成它并且它工作得很好..但是当我刷新或尝试直接丰富到特定用户的页面时,我得到一个尝试加载的空白页面http://localhost:3000/users/main.js(我不知道它为什么尝试加载这个文件)我猜想这是来自 react-router-dom 的东西我试图用谷歌搜索它,但我没有找到任何相关的东西......无法把我的手指放在我错过的东西上。

谢谢。

reactjs react-router react-router-dom

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

react-native scrollView - scrollToEnd - 在Android上

我正在尝试调用一个函数,该函数将在 onFoucs 上触发,该函数将一直TextInput向下滚动 scrollView(使用scrollToEnd()

所以这是我的类组件

class MyCMP extends Component {

  constructor(props) {
    super(props);
    this.onInputFocus = this.onInputFocus.bind(this);
  }

  onInputFocus() {
    setTimeout(() => {
      this.refs.scroll.scrollToEnd();
      console.log('done scrolling');
    }, 1);
  }

  render() {
    return (
      <View>
        <ScrollView ref="scroll">
          { /* items */ }
        </ScrollView>
        <TextInput onFocus={this.onInputFocus} />
      </View>
    );
  }
}

export default MyCMP;
Run Code Online (Sandbox Code Playgroud)

上面的组件可以工作并且它确实滚动但需要很多时间......我正在使用setTimeout它因为没有它它只是在没有计算keybaord的高度的情况下沿着屏幕向下滚动所以它不会向下滚动,即使我继续打字(和触发对输入的关注)它仍然不会一直向下滚动。

我现在正在处理它一些很好的时间,我确实将它设置windowSoftInputModeadjustResize并且我确实经历了一些模块,例如react-native-keyboard-aware-scroll-vieworreact-native-auto-scroll但它们都没有真正按照我的需要完成工作。

任何如何使它以正确的方式完成的方向都将不胜感激。谢谢!

react-native

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

键盘侦听器运行不止一次

嘿,我正在尝试创建一个事件,该事件将在键盘出现时触发,但该功能触发了不止一次,我不知道为什么..

import React, { Component } from 'react';
import { Keyboard, Alert, View, TextInput } from 'react-native';

export default class App extends Component {

  constructor(props: any) {
    super(props);
    this.kbDidShowListener = Keyboard.addListener('keyboardDidShow', () => Alert.alert('keyboard is up'));
  }

  componentWillUnmount() {
    this.kbDidShowListener.remove();
  }

  render() {
    return (
      <View style={{ marginTop: 30 }}>
        <TextInput />
      </View>
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

这是示例的博览会(您将多次看到警报) https://snack.expo.io/H1DHaIdgM

ps我在Android上工作。

谢谢!

react-native react-native-android

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

如何通过单个整数字段对JSON进行排序?

我有以下JSON:

{
    title: 'title',
    ...,
    order: 0
}, {
    ...,
    order: 9
}, {
    ...,
    order: 2
}
Run Code Online (Sandbox Code Playgroud)

... JSON包含许多字段,如何根据订单字段对它们进行排序

我正在寻找构建到nodejs中的东西,但我找不到任何可能对这种情况有用的东西.

javascript sorting json node.js

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

使用nodejs通过_id删除mongodb中的查询

删除mongodb中的一行似乎并不像在SQL中那么容易lol,好吧,我的问题是我无法通过_id删除一行,因为_id包含一个obj ObjectId,这是db中的行,

{
    "_id" : ObjectId("541ec60e41b46b841adde31e"),
    "name" : "TT"
}
Run Code Online (Sandbox Code Playgroud)

这就是我试图删除它的方式,

db.books.remove({ _id: book_id}, function(err, delete) {
    if(err)
        console.log("ERROR!", err);

    console.log("deleted  ", delete);
});
Run Code Online (Sandbox Code Playgroud)

我不知道如何通过,book_id所以查询将按预期运行,希望你们能够帮助我找到一个解决方案.谢谢!

mongodb node.js

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

关于React,TypeError的路由:无法读取未定义的属性'getCurrentLocation'(...)

我正在尝试使用ReactJS的基本内容,我正在尝试了解如何使用React-Router

这是我的代码:

var React = require('react');
var ReactDOM = require('react-dom');
var Router = require('react-router').Router;
var Route = require('react-router').Route;

const Home = React.createClass({
  render: function() {
    return (<h1>Welcome to the Home Page</h1>);
  }
});

ReactDOM.render((
    <Router>
      <Route path="/" component={Home} />
    </Router>
), document.getElementById('root')); 
Run Code Online (Sandbox Code Playgroud)

我一直收到以下错误:

未捕获的TypeError:无法读取未定义的属性'getCurrentLocation'(...)

我正在使用webpack将jsx编译成js,我错过了什么?(顺便说一下,webpack没有错误)

谢谢!

reactjs react-router

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