小编Pri*_*dya的帖子

<TouchableOpacity style={{ flex: 1 }} >
  <ImageBackground
    source={require('../../images/home.jpg')}>
      <View style={styles.item} collapsable={false}>
        <H3>{contentData[i].name}</H3>
        <Text>{contentData[i].description}</Text>
      </View>
  </ImageBackground>
</TouchableOpacity>

我有TouchableOpacity一个ScrollView. 我想禁用高亮效果的TouchableOpacity。滚动时，我只想在onPress触发事件时突出显示。因为它可能会混淆用户它被按下。

所以这很奇怪,当我尝试连接到websocket(这只是一个微软边缘问题)时,它会在每个第二页上刷新,webworker不会接受根本onMessage不会触发的消息:

考虑以下:

main.js

    var worker = new Worker("webworker.js");
    worker.postMessage({ type: 'INIT_SOCKET' });

    worker.addEventListener('message',  (event) => {
        let data = event.data;

        if (typeof data === 'string') {
            data = JSON.parse(data);
        }

        if (data.type === 'SOCKET_INITIALIZED') {
            console.log('inititalized');
        }
    });

webworker.js

    var io = require('socket.io-client');

    var socket;
    onmessage = function(event) {
        var data = event.data;

        console.log('got a event');

        if (typeof data === 'string') {
            data = JSON.parse(data);
        }

        switch (data.type) {
            case 'INIT_SOCKET':
                try {
                    socket …

我在模块中使用angular-cli的环境变量.当我在另一个项目中导入我的模块时,是否可以在编译和运行时使用我的项目的环境变量？

我的模块

myModule/
    src/
        /app
            my.service.ts
        /environments
            environment.prod.ts
            environment.ts
    app.module.ts
    etc.

我的模块是my.service.ts

import { environment } from './environments/environment';
@Injectable()
export class MyService {
    private title = environment.title;
    showTitle(): string {
        return this.title;
    }
    etc.
}

我的模块的环境.ts

export const environment = {
  production: false,
  title: 'My Module in dev mode'
}

我的模块的environment.prod.ts

export const environment = {
  production: true,
  title: 'My Module in prod mode'
}

我的项目

myProject/
    src/
        /app
            app.component.ts
        /environments
            environment.prod.ts
            environment.ts
    app.module.ts
    etc.

我的项目是AppComponent

Component({
  selector: 'app-root',
  template: …

我在Reactjs中使用纯Bootstrap，并且已经使用Bootstrap组件构建了一个navBar，但是我面临的问题是数据切换折叠不起作用。

当我缩小显示视图的大小时，将显示汉堡图标，但是当我单击它时，则什么也没有发生。虽然它可以与纯HTML和JS完美配合，但不能与reactjs配合使用。

这是index.js文件

import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

这是app.js

import React, { Component } from 'react';
import './App.css';
import NavBar from './components/navBar/navBar';

class App extends Component {
  render() {
    return (
      <div>
      <NavBar />
    </div>
    );
  }
}

export default App;

这是NavBar.js文件

import React, { Component } from 'react';

class NavBar extends Component {
  render() {
    return (
      <div>

        <nav className="navbar …

我阅读了角度动画文档并重新创建了演示.如果单击该Fold In按钮,文本将更改为animate define.该演示不能很好地运行.该动画不能很好地工作.

这是我的代码:https: //jsfiddle.net/jiexishede/5nokogfq/

在Webstorm中:
我改变var app = angular.module('app', []);为var app = angular.module('app', ['ngAnimate']);.错误显示:

Uncaught Error: [$injector:unpr] Unknown provider: $$isDocumentHiddenProvider <- $$isDocumentHidden <- $$animateQueue <- $animate <- $compile <- $$animateQueue
http://errors.angularjs.org/1.5.8/$injector/unpr?p0=%24%24isDocumentHiddenP…eQueue%20%3C-%20%24animate%20%3C-%20%24compile%20%3C-%20%24%24animateQueue
    at angular.js:68
    at angular.js:4511
    at Object.getService [as get] (angular.js:4664)
    at angular.js:4516
    at getService (angular.js:4664)
    at injectionArgs (angular.js:4688)
    at Object.invoke (angular.js:4710)
    at angular.js:4517
    at getService (angular.js:4664)
    at injectionArgs (angular.js:4688) …

我试图https request从我的节点服务器端执行,但它给我以下错误: -

Caught exception: Error: CERT_UNTRUSTED

如果我执行http request然后它工作正常但https 链接 不起作用.

这是我的代码: -

var request = require('request');
request('https://en.m.wikipedia.org/wiki/Astrid_Olofsdotter_of_Sweden', function (error, response, body) {
  if (!error && response.statusCode == 200) {
    console.log(body) // Show the HTML for the Google homepage.
  }
})

任何的想法？

我有一个带主屏幕的应用程序，在这个屏幕上我正在渲染一个打开的模态button press，在Modal我有一个按钮应该将我导航到另一个屏幕，它导航正确但是当我导航到另一个屏幕时，模态没有没有消失，怎么隐藏？

添加代码进行演示

家：

import React, { Component } from 'react';
import Modal from './Modal';

class Home extends Component {
  state = {
    isModalVisible: false
  };

  toggleModal = () =>
    this.setState({ isModalVisible: !this.state.isModalVisible });

  render() {
    const { navigate } = this.props.navigation;

    <Modal
    visible={this.state.isModalVisible}
    navigation={this.props.navigation}
    />
    );
  }
}

export default Home;

模态：

import React, { Component } from "react";
import Modal from "react-native-modal";

class Modal extends Component { …

我正在开发一个chrome extension可以在（处于非活动状态的标签中）播放视频，background并且指出该标签会在焦点对准之前Chrome自动暂停任何视频或媒体。这是一个真正的问题对我来说，我需要play videos在unfocused tabs。

我进行了一些研究，但没有找到任何禁用此行为的解决方案。

有什么办法解决这个问题？即使是一个更好的本地解决方案（从chrome参数）javascript（从扩展）。

我开始弹出世博会,经过这么多的努力,我能够解决所有构建问题.当我使用'sudo react-native run-android'运行应用程序时,我开始收到以下错误

错误:

The development server returned response code 500
Bundling `index.android.js`  [development, non-minified, hmr disabled]  
0.0% (0/1), failed.
error: bundling failed: "TransformError: 

/Development/SourceCode/MobileApp/index.android.js: 
Couldn't find preset \"babel-preset-react-native-stage-0/decorator-support\" relative to directory \"/Development/SourceCode/MobileApp\""

我尝试了在github和SO中给出的几乎所有可能的修复

1. 卸载最新版本的babel-preset-react-native并重新安装sudo yarn add babel-preset-react-native@2.1.0
2. 清除缓存Yarn Cache,npm缓存
3. 删除构建文件夹,删除npm模块并重新安装所有模块
4. 很少有人通过移除守望者来解决问题,但我根本不使用守望者.
5. 添加.babelrc提到装饰器支持预设如下,此修复也无法正常工作.

.babelrc 文件看起来像这样

    {
      "presets": [
        "react-native",
        "babel-preset-react-native-stage-0/decorator-support"
      ],
      "env": {
        "development": {
          "plugins": [
            "transform-react-jsx-source"
          ]
        }
      }
    }

这些修复都不适合我.使用babel-preset-react-native@2.1.0也没有解决问题,因为这是主要的修复.

我有一个呈现表的组件.

表格的每一行都有一个按钮,用于打开所选行的详细页面.

如何在给定行的按钮的OnClick事件上打开弹出页面,传递一些参数？

import React from 'react';

const Benchmarks = ({ indicator_name , indicator_desc, indicator_bench, indicator_approx_date, indicator_avg_field, detail_link}) => { 

const handleClick = (e)=> {
    console.log(e)
    //how to open pop up page passing parameters?    
    }

    return(
        <tr>
            <td>{indicator_name}</td>
            <td>{indicator_desc}</td>
            <td>{indicator_bench}</td>
            <td>{indicator_approx_date}</td>
            <td>{indicator_avg_field}</td>
            <td> 
                <button
                     onClick={() => handleClick(detail_link)}>
                    {"Detailed Map"}
                </button>
            </td>
        </tr>
    );
}

export default Benchmarks;

我在ReduxPersist的 GitHub 页面上找不到任何内容

我有一段代码正在尝试理解，由于该autoRehydrate代码已被删除，我想知道应该如何使用redux-persist.

import { AsyncStorage } from 'react-native';
import { applyMiddleware, createStore } from 'redux';
import { autoRehydrate, persistStore } from 'redux-persist'
import thunk from 'redux-thunk';
import reducers from '../reducers';

const middleWare = [thunk];

const createStoreWithMiddleware = applyMiddleware(...middleWare)(createStore);

 export default configureStore = (onComplete) => {
  const store = autoRehydrate()(createStoreWithMiddleware)(reducers);
  persistStore(store, { storage: AsyncStorage }, onComplete);

  return store;
};

我找到了一些教程，但它只是说这个autoRehydrate必须存在，但没有解释它实际上是做什么的。

I have segments and I want them to act as tabs. I tried using react-navigation onPress of each segment but it doesn't look nice.

I want the segments to stay fixed at the top and on clicking each one the content should change or call a specific component without reloading or noticing that the screen has changed.

<Segment>
  <Button first>
    <Text>Puppies</Text>
   </Button>
   <Button>
    <Text>Kittens</Text>
    </Button>
    <Button last active>
      <Text>Cubs</Text>
    </Button>
</Segment>
<Content>
  <Text>Awesome segment</Text>
</Content>

快速反应本机问题，如何将道具从类通过SpeciesListItem传递给SpeciesDetail类？

我有一个Species类，该物种渲染一个物种列表，这些物种是它们自己的SpeciesListItem组件，可以通过传递道具进行渲染，但是，当单击列表项时，它需要使用for 转到SpeciesDetail页面，但是我该如何最后一点吗？propspopulation

这是我的工作：

种类

import React, {Component} from 'react';
import {ScrollView, StyleSheet, Switch, Text, TouchableHighlight, View} from 'react-native';

import SpeciesListItem from './SpeciesListItem';

import deerData from './deerDataJson';

export default class Species extends Component {
    constructor() {
        super();

        this.state = {
            deerData: deerData,
        }
    }

    render() {
        return (
            <ScrollView style={styles.pageContainer}>

                <TouchableHighlight onPress={() => this.props.navigation.navigate('SpeciesDetail')}
                                    style={styles.touchableHighlightButton}
                                    underlayColor={null}>
                    <SpeciesListItem deerData={this.state.deerData.fallowDeer}/>
                </TouchableHighlight>

            </ScrollView>
        );
    }
}

SpeciesListItem …