react-devtools调试(安卓模拟器)

iconfont字体图标使用

 module.exports = {
 project: {
 ios: {},
 android: {}, // grouped into "project"
 },
 assets: ["./src/assets/fonts/"], // stays the same
 };

tsconfig.json配置

{
 "name": "@app"
}

第三方库

 {
 plugins: ["@babel/plugin-proposal-decorators", { legacy: true }]
 }

第三方库躺坑

如何获取当前天气、未来三天天气?

推送服务

如何获取位置?

图片上传问题

buildscript {
 repositories {
 jcenter()
 }
 dependencies {
 classpath 'com.android.tools.build:gradle:1.3.1'
 }
}
apply plugin: 'com.android.library'
android {
 compileSdkVersion 28
 buildToolsVersion '28.0.3'
 defaultConfig {
 minSdkVersion 21
 targetSdkVersion 28
 versionCode 1
 versionName "1.0"
 }
 lintOptions {
 abortOnError false
 }
}
repositories {
 mavenCentral()
}
dependencies {
 implementation 'com.facebook.react:react-native:+'
 implementation 'com.aliyun.dpa:oss-android-sdk:+'
}
 
 

日历问题

let VIEW_HEIGHT = 0;
constructor(props) {
 this.viewHeight = VIEW_HEIGHT || windowSize.height;
}
onLayout = event => {
 if (!VIEW_HEIGHT) {
 VIEW_HEIGHT = event.nativeEvent.layout.height;
 this.viewHeight = event.nativeEvent.layout.height;
 this.viewWidth = event.nativeEvent.layout.width;
 this.forceUpdate();
 }
};

 renderReservations() {
 const reservationListProps = extractComponentProps(ReservationList, this.props);
 let reservations = {};
 const { items } = this.props;
 if (this.props.selected && items[this.props.selected.dateString]) {
 reservations = { [this.props.selected.dateString]: items[this.props.selected.dateString] };
 }
 console.log(this.props.selected, '选中的时间');
 return (
 <ReservationList
 {...reservationListProps}
 ref={c => (this.list = c)}
 reservations={reservations}
 selectedDay={this.state.selectedDay}
 topDay={this.state.topDay}
 onDayChange={this.onDayChange}
 onScroll={() => {}}
 />
 );
 }

闹钟问题

选择下拉框问题

打包 APK 问题

#keytool -genkey -dname "CN=wushaobin,OU=个人,O=个人,L=深圳,ST=广东,C=CN" -alias test -keyalg RSA -validity 400000 -keystore test.keystore 
#keytool -importkeystore -srckeystore test.keystore -destkeystore test.keystore -deststoretype pkcs12 
#keytool -list -v -keystore test.keystore -storepass xxxxxxxxx 
或 keytool -genkeypair -v -keystore test.keystore -alias test -keyalg RSA -keysize 2048 -validity 400000 

app应用启动图

import com.facebook.react.ReactActivity;
+ import org.devio.rn.splashscreen.SplashScreen;
+ import android.os.Bundle;
public class MainActivity extends ReactActivity {
 /**
@@ -12,4 +15,11 @@
 protected String getMainComponentName() {
 return "readIt";
 }
 // 添加下面方法
 + @Override
 + protected void onCreate(Bundle savedInstanceState) {
 + SplashScreen.show(this); // here
 + super.onCreate(savedInstanceState);
 + }
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical">
 <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/launch_screen" android:scaleType="centerCrop" />
</LinearLayout> 

 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
 <!-- Customize your theme here. -->
 <item name="android:textColor">#000000</item>
 + <!--添加这一行-->
 + <item name="android:windowIsTranslucent">true</item>
 </style>

import SplashScreen from 'react-native-splash-screen';
...
componentDidMount() {
 SplashScreen.hide();
}

app应用图标问题

The Kotlin Gradle plugin was loaded multiple times in different subprojects, which is not supported and may break the build. 问题

./gradlew assembleRelease 失败 Error: ENOENT: no such file or directory, open 'F:\Project\reactnative\readIt\android\app\build\generated\sourcemaps\react\release\index.android.bundle.map'问题

发布版本时,删除build/debug.apk

React Native Android9.0以上打包apk后http请求不到解决方法

开源不易,赏杯咖啡,哈哈