小编bzl*_*ght的帖子

我正在我的 React Native 应用程序中放置广告，并且我正在尝试找到最好的广告中介平台来使用。

我正在寻找一个：

1. 联合拍卖，又名实时出价
2. 他们自己的 React Native 包或维护良好的包
3. 至少 20 个广告中介网络，最好是 Facebook Audience Network
4. 多种广告类型，最好是横幅广告

任何建议将不胜感激！

当我复制这个时，例如：

<AdmobComponent/>

它粘贴为：

< AdmobComponent / >

有没有人有什么建议？我什至不知道从哪里开始解决这个问题。

问题总结

我正在使用react-native-snap-carousel，并且渲染不正确。它仅在被刷过后才呈现，我需要在屏幕最初呈现时呈现。当我将屏幕分配给我的BottomTabNavigator的初始路径或React Navigation中我的Stack Navigator中的初始路径时，轮播会完美呈现。当我在Stack Navigator中将完全相同的屏幕分配给任何其他路线时，只有在我滑动轮播时，它才会渲染轮播。

我需要使用带有轮播的屏幕作为我的Stack Navigator中的第二条路线，但我不知道如何使其正常工作。

我尝试过的

1. 我尝试将所有其他内容都移出屏幕
2. 我也尝试过从头开始创建新屏幕。
3. 我已经在Stack Navigator中将屏幕作为初始路径进行了测试，并且效果很好，但是当屏幕加载时，仍然无法使轮播呈现。
4. 我也尝试过切换到基于类的react组件，但没有帮助。

码

旋转木马组件

import React, { useState } from "react";
import { View, Text } from "react-native";
import { useDispatch } from "react-redux";
import styles from "./StatSelectorStartComp.style";
import HeaderText from "~/app/Components/HeaderText/HeaderText";
import Carousel from "react-native-snap-carousel";
import LargeButton from "~/app/Components/Buttons/LargeButton/LargeButton";
import NavigationService from "~/app/services/NavigationService";
import { saveStartCompStatCategory } from "~/app/Redux/actions/dailyCompActions";

const StatSelectorStartComp = ({}) => {
  const dispatch = useDispatch();
  const ENTRIES1 = ["Kills", "Wins", "K/D", "Win %"];
  const …

期望状态

我正在使用react-native-table-component，这是一个在 React Native 中渲染表格的基本组件。我需要冻结表中的第一列和第一行，以便滚动时它们保持在视图中。具体来说，我需要在水平滚动时第一列保持固定，并在垂直滚动时与行中的其余数据一起滚动。

我需要第一行以同样的方式运行。垂直滚动时保持固定，水平滚动时，我应该滚动相应的列。

问题

我可以达到第一行所需的状态，但无法对同一个表中的第一列执行相同的操作。

代码

render(){
    return(

    <View style={styles.tableContainer}>
    <ScrollView horizontal={true}>
     <View>
       <Table style={styles.tableHead}>

         <Row
          style={styles.header}
          textStyle={styles.text}
          data={this.props.tableHead}
          widthArr={this.props.columnWidth}
        />

       </Table>
       <ScrollView style={styles.dataWrapper}>

        <TableWrapper style={styles.tableBody}>
          <Col 
            style={styles.title} 
            textStyle={styles.text}
            data={this.props.tableTitle} 
            heightArr={[28,28]}  
        />
          <Rows 
            style={styles.row} 
            textStyle={styles.text}
            data={this.dataFormat()} 
            widthArr={this.props.columnWidth} 

            />
        </TableWrapper>
       </ScrollView>
     </View>
   </ScrollView>
  </View>
    )
}

其他信息 我不需要使用react-native-table-component，但如果可能的话我想使用，因为我已经做了很多工作来设计它的样式并格式化我插入的数据。

在此先感谢您的帮助！

问题总结

我在 React Navigation 中使用功能组件，并且正在使用我根据他们的文档创建的 NavigationService 组件中的 NavigationService.navigate 。我需要将参数传递给目标，我可以这样做，但我不知道如何在目标屏幕中检索参数。

我想我只需要在我的 NavigationService.js 文件中添加一些东西，但我不确定它应该是什么，而且我在他们的文档中找不到它。

代码

启动画面中的代码

import NavigationService from "~/app/services/NavigationService";
onPress={() => NavigationService.navigate("CompScreen", { comp })}

导航服务.js

import {
  NavigationActions,
  DrawerActions,
  StackActions
} from "react-navigation";

let navigator;

/**
 * @function setTopLevelNavigator
 * @param  {ref} navigatorRef
 */
function setTopLevelNavigator(navigatorRef) {
  navigator = navigatorRef;
}

/**
 * @function navigate
 * @param  {string} routeName
 * @param  {any} params
 */
function navigate(routeName, params) {
  navigator.dispatch(
    NavigationActions.navigate({
      routeName,
      params
    })
  );
}

/**
 * @function …

我已经创建了我的模型并且可以通过手动列出它们来保存对象数组，但是这在生产中不起作用，因为我的数组不会总是相同的大小。

下面是我的代码示例。在 stackRank 字段下保存对象数组时遇到的问题。

如果有人有任何建议，那将是很棒的和拯救生命的！

猫鼬模型

const MySchema = mongoose.Schema({
  userId: {type: mongoose.Schema.Types.ObjectId, ref: 'User', require: true},
  startDate: {type: Date, require: true},
  endDate: {type: Date, require: false}, 
  length: {type: Number, require: true},
  inProgress: {type: Boolean, require: true, default: true}, 
  stackRank:[{
    appUsers: {type: mongoose.Schema.Types.ObjectId, ref: 'Users', require: true}
  }]
});

在 Express 中保存代码

const mySchema = new MySchema({  
      userId: req.body.userId,
      startDate: today,
      length: req.body.startLength,
      stackRank: [          //TODO this is the part I need to change
        {appUsers: Array[0]}, 
        {appUsers: Array[1]},
        {appUsers: Array[2]} …

期望状态

我在 react native 中有两个文本输入字段，每个字段的最终输入都需要附加到数组中。因此我使用 onSubmitEditing 因为否则如果我使用 onChangeText 用户输入的每个字符都会附加到数组中。

错误

onSubmitEditing 调用父组件中的函数并给出以下错误

“ExceptionsManager.js:84 警告：出于性能原因重用此合成事件。如果您看到这一点，则表示您正在访问已nativeEvent发布/无效的合成事件的属性。这被设置为 null。如果您必须保留原始周围的合成事件，使用 event.persist()。”

我尝试将函数移动到同一个文件，这并不理想，但我仍然返回这个数组而不是文本输入。数组中似乎没有任何有用的东西。

“[合成事件]”

代码

子组件

 <TextInput
    style={styles.signupInput}
    onSubmitEditing={(val) => this.props.saveFriends(val)}
    autoCorrect={false}
    autoFocus={true}
    placeholder={'friend one'}
    placeholderTextColor={'white'}
  />
  <TextInput
    style={styles.signupInput}
    onSubmitEditing={(val) => this.props.saveFriends(val)}
    autoCorrect={false}
    autoFocus={true}
    placeholder={'friend two'}
    placeholderTextColor={'white'}
  />

父组件

  saveFriends = (val) => {
    this.setState({
      friends: [
        ...this.state.friends,
        val
      ]
    })
}

任何帮助将不胜感激！