小编arn*_*bro的帖子

我有一个独特的启动画面，名为 splash.png，大小为 1280x1280, 150dpi，我react-native-bootsplash在 React Native 项目中使用，但我认为这并不重要。

我的问题很简单：如何使我的启动画面在纵向模式下成为全高，而不是更少，而不是更多，并保持其纵横比，以便图片填满屏幕。就像background-size: cover在 css 中一样。或者像一个简单的<Image resizeMode="cover" style={{ height: '100%' }} />React Native 中。

所以我有 ：

android/app/src/main/res/values/styles.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:textColor">#000000</item>
    </style>

    <!-- BootTheme should inherit from AppTheme -->
    <style name="BootTheme" parent="AppTheme">
        <!-- set the generated bootsplash.xml drawable as activity background -->
        <item name="android:windowBackground">@drawable/bootsplash</item>
        <item name="android:windowNoTitle">true</item>
    </style>

</resources>

android/app/src/main/res/drawable/bootsplash.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" …

使用 Xcode 12 和 iOS 模拟器，Xcode 不会崩溃，但这些是我每隔几个小时就会出现的错误，并不总是全部，但总是其中一些

CalendarWidgetAppExtension quit unexpectedly.
parsecd quit unexpectedly.
healthappd quit unexpectedly.
NewsTag quit unexpectedly.
NewsToday2 quit unexpectedly.
bulletindistributord quit unexpectedly.
ProtectedCloudKeySyncing quit unexpectedly.

有人知道这是怎么回事吗？

我尝试了我在网上找到的所有东西,Stackoverflow和Github,我仍然无法做到.

我想用自定义图标制作自定义标记,但是我的代码总是出现错误:'TypeError:options.icon.createIcon不是函数'

这是我的代码(文件夹路径没有错误,一切都在src/js或src/img中)

Icon.js

import L from 'leaflet';

const iconPerson = L.Icon.extend({
  options: {
    iconUrl: require('../img/marker-pin-person.svg'),
    iconRetinaUrl: require('../img/marker-pin-person.svg'),
    iconAnchor: null,
    popupAnchor: null,
    shadowUrl: null,
    shadowSize: null,
    shadowAnchor: null,
    iconSize: new L.Point(60, 75),
    className: 'leaflet-div-icon'
  }
});

export { iconPerson };

MarkerPinPerson

import React from 'react';
import { Marker } from 'react-leaflet';
import {  iconPerson  } from './Icons';


export default class MarkerPinPerson extends React.Component {

  render() {

    return (
      <Marker
        position={this.props.markerPosition}
        icon={ iconPerson }
        >
      </Marker>
      );
  }
}

真的在寻求你的帮助!

我在这篇文章React is Slow, React is Fast: Optimizing React Apps in Practice中读到：

实际上，每次将对象文字作为 prop 传递给子组件时，都会破坏纯度。

好的，我明白了。所以最好避免这种情况是用对象创建一个变量，并将这个变量插入到道具中，就像这样：

import React from 'react';

const style = { marginTop: 10 };
const AnyComponent = (props) => (
    <div style={style}>
        ...
    </div>
)

但是如果 style prop 依赖于一个接收到的 prop 呢？对象应该在哪里？例如，我有这个组件：

import React from 'react';

const AnyComponent = (props) => (
    <div style={{ marginTop: props.marginTop }}>
        ...
    </div>
)

这样做是否是一个好习惯：

import React from 'react';

const style = (marginTop) => ({ marginTop })
const AnyComponent = (props) …

使用react-native-mapbox-gl/maps，当aSymbolLayer动态添加到a时ShapeSource，似乎没有显示，或者ShapeSource没有更新。

这是要重现的示例：根据CustomIcon示例，我用下面的代码替换了代码。要重现，只需执行示例，复制粘贴代码来代替CustomIcon.js示例中的现有代码。

import React from 'react';
import { View, Text } from 'react-native';
import MapboxGL from '@react-native-mapbox-gl/maps';

import sheet from '../styles/sheet';

import BaseExamplePropTypes from './common/BaseExamplePropTypes';
import Page from './common/Page';
import Bubble from './common/Bubble';

const styles = {
  icon: {
    iconAllowOverlap: true,
  },
  view: {
    width: 60,
    height: 60,
    borderColor: 'black',
    borderWidth: 1,
    alignItems: 'center',
    justifyContent: 'center'
  },
  text: {
    fontSize: 50
  }
};

const customIcons …

我设置淡入淡出过渡的代码是最简单的：

import React from 'react';
import { Transition } from 'react-transition-group';
import PropTypes from 'prop-types';

const duration = 250;

const defaultStyle = {
  transition: `opacity ${duration}ms ease-in-out, color ${duration}ms ease-in-out`,
  opacity: 0,
}


const transitionStyles = {
  entering: { opacity: 0 },
  entered: { opacity: 1 },
  exiting: { opacity: 1 },
  exited: { opacity: 0 },
};


export default class Fade extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      in: false,
    };
  }

  componentDidMount() {
    this.setState({ in: true …

我创建了一个recordSaga函数，它的目标是记录在 saga 期间已经调度了哪些动作。

export const recordSaga = async (saga, initialAction, state) => {
  const dispatched = [];

  const done = await runSaga(
    {
      dispatch: action => dispatched.push(action),
      getState: () => state,
    },
    saga,
    initialAction,
  ).done;

  return {
    dispatched,
    done,
  };
};

所以让我们说我的传奇就是这个

export function* mySaga() {
  const needToSave = yield select(needToSaveDocument);
  if (needToSave) {
    yield put(saveDocument());
    yield take(SAVE_DOCUMENT_SUCCESS);
  }
  yield put(doSomethingElse())
}

我想写两个测试，我希望它们如下

describe('mySaga', async () => {
  it('test 1: no need to save', async () => { …

我问这个问题是因为我什至不知道如何向我亲爱的谷歌朋友询问，当我尝试询问时，没有返回正确的答案。

所以我想构建一个本机应用程序（让我们称之为 TheApp），它处理来自用户的一些数据（名称、位置等以及应用程序中创建和使用的一些特定数据）。我不想将 TheApp 的用户数据集中在我的服务器中，我希望用户的数据保留在用户手机中，并找到一种方法将其传输到其他人的手机而不通过任何类型的服务器。我认为它看起来像短信的工作原理：两部手机上都有消息，并且之间没有任何服务器存储或拦截消息，是吗？

所以直接的问题是：我们能否让两部（或更多）部手机在没有服务器的情况下交换数据？我们可以通过手机网络、3g/4g/5g、互联网吗？

抱歉，如果这个问题看起来很奇怪或微不足道，或者如果我用了错误的词语来描述它，但正如你所见，我在该领域没有知识......

谢谢 ！

假设我需要a.b.c.d#.e.f.g.h#.i.j.k.l用 # 和“.”分隔符来分割字符串。

str = a.b.c.d#.e.f.g.h#.i.j.k.l

res = str.split("#")

res[0]a.b.c.d当我第一次使用 split 时将存储。
我需要再次分割并保存数据。

有人可以帮忙吗？