Browse Source

首页性能优化

main
Mac 1 week ago
parent
commit
a0c9721f63
  1. 144
      OPTIMIZATION_SUMMARY.md
  2. 16
      android/.gitignore
  3. 178
      android/app/build.gradle
  4. BIN
      android/app/debug.keystore
  5. 47
      android/app/google-services.json
  6. 14
      android/app/proguard-rules.pro
  7. 7
      android/app/src/debug/AndroidManifest.xml
  8. 56
      android/app/src/main/AndroidManifest.xml
  9. 61
      android/app/src/main/java/com/brainnel/app/MainActivity.kt
  10. 57
      android/app/src/main/java/com/brainnel/app/MainApplication.kt
  11. BIN
      android/app/src/main/res/drawable-hdpi/splashscreen_logo.png
  12. BIN
      android/app/src/main/res/drawable-mdpi/splashscreen_logo.png
  13. BIN
      android/app/src/main/res/drawable-xhdpi/splashscreen_logo.png
  14. BIN
      android/app/src/main/res/drawable-xxhdpi/splashscreen_logo.png
  15. BIN
      android/app/src/main/res/drawable-xxxhdpi/splashscreen_logo.png
  16. 6
      android/app/src/main/res/drawable/ic_launcher_background.xml
  17. 37
      android/app/src/main/res/drawable/rn_edit_text_material.xml
  18. 5
      android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
  19. 5
      android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
  20. BIN
      android/app/src/main/res/mipmap-hdpi/ic_launcher.webp
  21. BIN
      android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.webp
  22. BIN
      android/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp
  23. BIN
      android/app/src/main/res/mipmap-mdpi/ic_launcher.webp
  24. BIN
      android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.webp
  25. BIN
      android/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp
  26. BIN
      android/app/src/main/res/mipmap-xhdpi/ic_launcher.webp
  27. BIN
      android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.webp
  28. BIN
      android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
  29. BIN
      android/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp
  30. BIN
      android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.webp
  31. BIN
      android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
  32. BIN
      android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
  33. BIN
      android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.webp
  34. BIN
      android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
  35. 1
      android/app/src/main/res/values-night/colors.xml
  36. 6
      android/app/src/main/res/values/colors.xml
  37. 8
      android/app/src/main/res/values/strings.xml
  38. 17
      android/app/src/main/res/values/styles.xml
  39. 25
      android/app/src/main/res/xml/network_security_config.xml
  40. 42
      android/build.gradle
  41. 58
      android/gradle.properties
  42. BIN
      android/gradle/wrapper/gradle-wrapper.jar
  43. 7
      android/gradle/wrapper/gradle-wrapper.properties
  44. 252
      android/gradlew
  45. 94
      android/gradlew.bat
  46. 38
      android/settings.gradle
  47. 393
      app/screens/HomeScreen.tsx
  48. 13
      app/screens/ProductCard.tsx

144
OPTIMIZATION_SUMMARY.md

@ -0,0 +1,144 @@
# HomeScreen 性能优化总结
## 主要问题
1. **Key重复问题**:使用随机关键词导致相同商品在不同页面出现,造成FlatList key重复
2. **频繁重新渲染**:每次数据更新都会触发整个列表重新渲染
3. **数据合并性能问题**:直接使用扩展运算符合并大量数据
## 优化方案
### 1. 解决Key重复问题
- **添加唯一ID生成器**:为每个产品添加 `_uniqueId` 属性
- **产品去重机制**:使用 `Set` 存储已见过的产品ID,避免重复
- **优化keyExtractor**:使用唯一ID作为key,确保不重复
```typescript
// 产品去重和唯一ID生成
const seenProductIds = useRef(new Set<string>());
const productUniqueId = useRef(0);
const processProductData = useCallback((newProducts: Product[]) => {
const uniqueProducts: Product[] = [];
newProducts.forEach(product => {
const productKey = `${product.offer_id}-${product.min_price}`;
if (!seenProductIds.current.has(productKey)) {
seenProductIds.current.add(productKey);
const processedProduct = {
...product,
_uniqueId: ++productUniqueId.current
};
uniqueProducts.push(processedProduct);
}
});
return uniqueProducts;
}, []);
```
### 2. 减少重新渲染
- **React.memo优化ProductItem**:使用自定义比较函数,只在关键属性变化时重新渲染
- **useCallback优化函数**:缓存所有回调函数,避免不必要的重新创建
- **useMemo优化数据源**:缓存FlatList的data属性
```typescript
// ProductItem组件优化
const ProductItem = React.memo(
({ item, onPress, userStore, t }) => (
// 组件内容
),
(prevProps, nextProps) => {
return (
prevProps.item._uniqueId === nextProps.item._uniqueId &&
prevProps.item.offer_id === nextProps.item.offer_id &&
prevProps.item.min_price === nextProps.item.min_price &&
prevProps.userStore.user?.user_id === nextProps.userStore.user?.user_id
);
}
);
```
### 3. 优化数据加载
- **防抖机制**:避免频繁触发加载更多请求
- **请求队列管理**:确保同时只有一个请求在进行
- **函数式状态更新**:避免闭包问题
```typescript
// 防抖和请求队列
const handleLoadMore = useCallback(() => {
const now = Date.now();
// 防抖:如果距离上次加载时间小于1秒,则忽略
if (now - lastLoadMoreTime.current < 1000) {
return;
}
if (!hasMore || loadingMore || hotTerms.length === 0 || isRequestInProgress.current) return;
// 延迟执行加载
loadMoreTimeoutRef.current = setTimeout(() => {
addToRequestQueue(loadMoreRequest);
}, 300);
}, [dependencies]);
```
### 4. FlatList性能优化
- **优化渲染参数**:设置合适的 `initialNumToRender`、`maxToRenderPerBatch`、`windowSize`
- **启用视图回收**:使用 `removeClippedSubviews`
- **批量更新**:设置 `updateCellsBatchingPeriod`
```typescript
<FlatList
initialNumToRender={6}
maxToRenderPerBatch={8}
windowSize={10}
removeClippedSubviews={Platform.OS !== "web"}
updateCellsBatchingPeriod={50}
extraData={products.length}
/>
```
### 5. 内存管理
- **状态重置函数**:清理旧数据和重置状态
- **定时器清理**:组件卸载时清理所有定时器
- **引用清理**:重置时清理所有ref
```typescript
const resetProductState = useCallback(() => {
setProducts([]);
setCurrentPage(1);
setHasMore(true);
seenProductIds.current.clear();
productUniqueId.current = 0;
}, []);
```
### 6. 性能监控
- **渲染次数统计**:监控组件重新渲染频率
- **渲染时间间隔**:测量渲染性能
```typescript
useEffect(() => {
renderCount.current++;
const now = Date.now();
const timeSinceLastRender = now - lastRenderTime.current;
lastRenderTime.current = now;
if (__DEV__) {
console.log(`HomeScreen render #${renderCount.current}, time since last: ${timeSinceLastRender}ms`);
}
});
```
## 预期效果
1. **消除key重复警告**:每个列表项都有唯一的key
2. **减少重新渲染**:只有必要时才重新渲染组件
3. **提升滚动性能**:优化的FlatList配置提供更流畅的滚动体验
4. **避免重复请求**:防抖和队列机制确保请求的合理性
5. **更好的用户体验**:加载状态更清晰,响应更及时
## 注意事项
1. 在开发环境下会有性能监控日志,生产环境会自动关闭
2. 防抖时间设置为300ms,可根据实际需要调整
3. 产品去重基于 `offer_id``min_price` 的组合
4. 建议定期清理缓存,避免内存泄漏

16
android/.gitignore vendored

@ -1,16 +0,0 @@
# OSX
#
.DS_Store
# Android/IntelliJ
#
build/
.idea
.gradle
local.properties
*.iml
*.hprof
.cxx/
# Bundle artifacts
*.jsbundle

178
android/app/build.gradle

@ -1,178 +0,0 @@
apply plugin: "com.android.application"
apply plugin: "org.jetbrains.kotlin.android"
apply plugin: "com.facebook.react"
def projectRoot = rootDir.getAbsoluteFile().getParentFile().getAbsolutePath()
/**
* This is the configuration block to customize your React Native Android app.
* By default you don't need to apply any configuration, just uncomment the lines you need.
*/
react {
entryFile = file(["node", "-e", "require('expo/scripts/resolveAppEntry')", projectRoot, "android", "absolute"].execute(null, rootDir).text.trim())
reactNativeDir = new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsoluteFile()
hermesCommand = new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsolutePath() + "/sdks/hermesc/%OS-BIN%/hermesc"
codegenDir = new File(["node", "--print", "require.resolve('@react-native/codegen/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim()).getParentFile().getAbsoluteFile()
// Use Expo CLI to bundle the app, this ensures the Metro config
// works correctly with Expo projects.
cliFile = new File(["node", "--print", "require.resolve('@expo/cli', { paths: [require.resolve('expo/package.json')] })"].execute(null, rootDir).text.trim())
bundleCommand = "export:embed"
/* Folders */
// The root of your project, i.e. where "package.json" lives. Default is '../..'
// root = file("../../")
// The folder where the react-native NPM package is. Default is ../../node_modules/react-native
// reactNativeDir = file("../../node_modules/react-native")
// The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
// codegenDir = file("../../node_modules/@react-native/codegen")
/* Variants */
// The list of variants to that are debuggable. For those we're going to
// skip the bundling of the JS bundle and the assets. By default is just 'debug'.
// If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
// debuggableVariants = ["liteDebug", "prodDebug"]
/* Bundling */
// A list containing the node command and its flags. Default is just 'node'.
// nodeExecutableAndArgs = ["node"]
//
// The path to the CLI configuration file. Default is empty.
// bundleConfig = file(../rn-cli.config.js)
//
// The name of the generated asset file containing your JS bundle
// bundleAssetName = "MyApplication.android.bundle"
//
// The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
// entryFile = file("../js/MyApplication.android.js")
//
// A list of extra flags to pass to the 'bundle' commands.
// See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
// extraPackagerArgs = []
/* Hermes Commands */
// The hermes compiler command to run. By default it is 'hermesc'
// hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
//
// The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
// hermesFlags = ["-O", "-output-source-map"]
/* Autolinking */
autolinkLibrariesWithApp()
}
/**
* Set this to true to Run Proguard on Release builds to minify the Java bytecode.
*/
def enableProguardInReleaseBuilds = (findProperty('android.enableProguardInReleaseBuilds') ?: false).toBoolean()
/**
* The preferred build flavor of JavaScriptCore (JSC)
*
* For example, to use the international variant, you can use:
* `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
*
* The international variant includes ICU i18n library and necessary data
* allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
* give correct results when using with locales other than en-US. Note that
* this variant is about 6MiB larger per architecture than default.
*/
def jscFlavor = 'org.webkit:android-jsc:+'
android {
ndkVersion rootProject.ext.ndkVersion
buildToolsVersion rootProject.ext.buildToolsVersion
compileSdk rootProject.ext.compileSdkVersion
namespace 'com.brainnel.app'
defaultConfig {
applicationId 'com.brainnel.app'
minSdkVersion rootProject.ext.minSdkVersion
targetSdkVersion rootProject.ext.targetSdkVersion
versionCode 1
versionName "1.0.0"
}
signingConfigs {
debug {
storeFile file('debug.keystore')
storePassword 'android'
keyAlias 'androiddebugkey'
keyPassword 'android'
}
}
buildTypes {
debug {
signingConfig signingConfigs.debug
}
release {
// Caution! In production, you need to generate your own keystore file.
// see https://reactnative.dev/docs/signed-apk-android.
signingConfig signingConfigs.debug
shrinkResources (findProperty('android.enableShrinkResourcesInReleaseBuilds')?.toBoolean() ?: false)
minifyEnabled enableProguardInReleaseBuilds
proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
crunchPngs (findProperty('android.enablePngCrunchInReleaseBuilds')?.toBoolean() ?: true)
}
}
packagingOptions {
jniLibs {
useLegacyPackaging (findProperty('expo.useLegacyPackaging')?.toBoolean() ?: false)
}
}
androidResources {
ignoreAssetsPattern '!.svn:!.git:!.ds_store:!*.scc:!CVS:!thumbs.db:!picasa.ini:!*~'
}
}
// Apply static values from `gradle.properties` to the `android.packagingOptions`
// Accepts values in comma delimited lists, example:
// android.packagingOptions.pickFirsts=/LICENSE,**/picasa.ini
["pickFirsts", "excludes", "merges", "doNotStrip"].each { prop ->
// Split option: 'foo,bar' -> ['foo', 'bar']
def options = (findProperty("android.packagingOptions.$prop") ?: "").split(",");
// Trim all elements in place.
for (i in 0..<options.size()) options[i] = options[i].trim();
// `[] - ""` is essentially `[""].filter(Boolean)` removing all empty strings.
options -= ""
if (options.length > 0) {
println "android.packagingOptions.$prop += $options ($options.length)"
// Ex: android.packagingOptions.pickFirsts += '**/SCCS/**'
options.each {
android.packagingOptions[prop] += it
}
}
}
dependencies {
// The version of react-native is set by the React Native Gradle Plugin
implementation("com.facebook.react:react-android")
def isGifEnabled = (findProperty('expo.gif.enabled') ?: "") == "true";
def isWebpEnabled = (findProperty('expo.webp.enabled') ?: "") == "true";
def isWebpAnimatedEnabled = (findProperty('expo.webp.animated') ?: "") == "true";
if (isGifEnabled) {
// For animated gif support
implementation("com.facebook.fresco:animated-gif:${reactAndroidLibs.versions.fresco.get()}")
}
if (isWebpEnabled) {
// For webp support
implementation("com.facebook.fresco:webpsupport:${reactAndroidLibs.versions.fresco.get()}")
if (isWebpAnimatedEnabled) {
// Animated webp support
implementation("com.facebook.fresco:animated-webp:${reactAndroidLibs.versions.fresco.get()}")
}
}
if (hermesEnabled.toBoolean()) {
implementation("com.facebook.react:hermes-android")
} else {
implementation jscFlavor
}
}
apply plugin: 'com.google.gms.google-services'

BIN
android/app/debug.keystore

Binary file not shown.

47
android/app/google-services.json

@ -1,47 +0,0 @@
{
"project_info": {
"project_number": "449517618313",
"project_id": "brainnel-7eead",
"storage_bucket": "brainnel-7eead.firebasestorage.app"
},
"client": [
{
"client_info": {
"mobilesdk_app_id": "1:449517618313:android:cdbccb972db9576774b258",
"android_client_info": {
"package_name": "com.brainnel.app"
}
},
"oauth_client": [
{
"client_id": "449517618313-s1bmot9r3ic4s0g84ff13b5uasn2l0nv.apps.googleusercontent.com",
"client_type": 1,
"android_info": {
"package_name": "com.brainnel.app",
"certificate_hash": "5e8f16062ea3cd2c4a0d547876baa6f38cabf625"
}
},
{
"client_id": "449517618313-av37nffa7rqkefu0ajh5auou3pb0mt51.apps.googleusercontent.com",
"client_type": 3
}
],
"api_key": [
{
"current_key": "AIzaSyAONO-Vnqt6JCEEkP8dt7mH025wAEMkIEU"
}
],
"services": {
"appinvite_service": {
"other_platform_oauth_client": [
{
"client_id": "449517618313-av37nffa7rqkefu0ajh5auou3pb0mt51.apps.googleusercontent.com",
"client_type": 3
}
]
}
}
}
],
"configuration_version": "1"
}

14
android/app/proguard-rules.pro vendored

@ -1,14 +0,0 @@
# Add project specific ProGuard rules here.
# By default, the flags in this file are appended to flags specified
# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
# You can edit the include path and order by changing the proguardFiles
# directive in build.gradle.
#
# For more details, see
# http://developer.android.com/guide/developing/tools/proguard.html
# react-native-reanimated
-keep class com.swmansion.reanimated.** { *; }
-keep class com.facebook.react.turbomodule.** { *; }
# Add any project specific keep options here:

7
android/app/src/debug/AndroidManifest.xml

@ -1,7 +0,0 @@
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
<application android:usesCleartextTraffic="true" tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" tools:replace="android:usesCleartextTraffic" />
</manifest>

56
android/app/src/main/AndroidManifest.xml

@ -1,56 +0,0 @@
<manifest xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools">
<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.RECORD_AUDIO"/>
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
<uses-permission android:name="android.permission.VIBRATE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<queries>
<intent>
<action android:name="android.intent.action.VIEW"/>
<category android:name="android.intent.category.BROWSABLE"/>
<data android:scheme="https"/>
</intent>
</queries>
<application android:name=".MainApplication" android:label="@string/app_name" android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round" android:allowBackup="true" android:theme="@style/AppTheme" android:supportsRtl="true" android:usesCleartextTraffic="true" android:networkSecurityConfig="@xml/network_security_config">
<meta-data android:name="com.facebook.sdk.AdvertiserIDCollectionEnabled" android:value="false"/>
<meta-data android:name="com.facebook.sdk.ApplicationId" android:value="@string/facebook_app_id"/>
<meta-data android:name="com.facebook.sdk.ApplicationName" android:value="newBrainnelApp"/>
<meta-data android:name="com.facebook.sdk.AutoInitEnabled" android:value="false"/>
<meta-data android:name="com.facebook.sdk.AutoLogAppEventsEnabled" android:value="false"/>
<meta-data android:name="com.facebook.sdk.ClientToken" android:value="@string/facebook_client_token"/>
<meta-data android:name="expo.modules.updates.ENABLED" android:value="false"/>
<meta-data android:name="expo.modules.updates.EXPO_UPDATES_CHECK_ON_LAUNCH" android:value="ALWAYS"/>
<meta-data android:name="expo.modules.updates.EXPO_UPDATES_LAUNCH_WAIT_MS" android:value="0"/>
<activity android:name=".MainActivity" android:configChanges="keyboard|keyboardHidden|orientation|screenSize|screenLayout|uiMode|locale|layoutDirection" android:launchMode="singleTask" android:windowSoftInputMode="adjustResize" android:theme="@style/Theme.App.SplashScreen" android:exported="true" android:screenOrientation="portrait">
<intent-filter>
<action android:name="android.intent.action.MAIN"/>
<category android:name="android.intent.category.LAUNCHER"/>
</intent-filter>
<intent-filter>
<action android:name="android.intent.action.VIEW"/>
<category android:name="android.intent.category.DEFAULT"/>
<category android:name="android.intent.category.BROWSABLE"/>
<data android:scheme="com.brainnel.app"/>
<data android:scheme="com.brainnel.app"/>
</intent-filter>
<intent-filter android:autoVerify="true" data-generated="true">
<action android:name="android.intent.action.VIEW"/>
<data android:scheme="https" android:host="api.brainnel.com" android:pathPattern=".*"/>
<category android:name="android.intent.category.BROWSABLE"/>
<category android:name="android.intent.category.DEFAULT"/>
</intent-filter>
</activity>
<activity android:name="com.facebook.FacebookActivity" android:configChanges="keyboard|keyboardHidden|screenLayout|screenSize|orientation" android:label="@string/app_name"/>
<activity android:name="com.facebook.CustomTabActivity" android:exported="true">
<intent-filter>
<action android:name="android.intent.action.VIEW"/>
<category android:name="android.intent.category.DEFAULT"/>
<category android:name="android.intent.category.BROWSABLE"/>
<data android:scheme="@string/fb_login_protocol_scheme"/>
</intent-filter>
</activity>
</application>
</manifest>

61
android/app/src/main/java/com/brainnel/app/MainActivity.kt

@ -1,61 +0,0 @@
package com.brainnel.app
import android.os.Build
import android.os.Bundle
import com.facebook.react.ReactActivity
import com.facebook.react.ReactActivityDelegate
import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
import com.facebook.react.defaults.DefaultReactActivityDelegate
import expo.modules.ReactActivityDelegateWrapper
class MainActivity : ReactActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
// Set the theme to AppTheme BEFORE onCreate to support
// coloring the background, status bar, and navigation bar.
// This is required for expo-splash-screen.
setTheme(R.style.AppTheme);
super.onCreate(null)
}
/**
* Returns the name of the main component registered from JavaScript. This is used to schedule
* rendering of the component.
*/
override fun getMainComponentName(): String = "main"
/**
* Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
* which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
*/
override fun createReactActivityDelegate(): ReactActivityDelegate {
return ReactActivityDelegateWrapper(
this,
BuildConfig.IS_NEW_ARCHITECTURE_ENABLED,
object : DefaultReactActivityDelegate(
this,
mainComponentName,
fabricEnabled
){})
}
/**
* Align the back button behavior with Android S
* where moving root activities to background instead of finishing activities.
* @see <a href="https://developer.android.com/reference/android/app/Activity#onBackPressed()">onBackPressed</a>
*/
override fun invokeDefaultOnBackPressed() {
if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.R) {
if (!moveTaskToBack(false)) {
// For non-root activities, use the default implementation to finish them.
super.invokeDefaultOnBackPressed()
}
return
}
// Use the default back button implementation on Android S
// because it's doing more than [Activity.moveTaskToBack] in fact.
super.invokeDefaultOnBackPressed()
}
}

57
android/app/src/main/java/com/brainnel/app/MainApplication.kt

@ -1,57 +0,0 @@
package com.brainnel.app
import android.app.Application
import android.content.res.Configuration
import com.facebook.react.PackageList
import com.facebook.react.ReactApplication
import com.facebook.react.ReactNativeHost
import com.facebook.react.ReactPackage
import com.facebook.react.ReactHost
import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
import com.facebook.react.defaults.DefaultReactNativeHost
import com.facebook.react.soloader.OpenSourceMergedSoMapping
import com.facebook.soloader.SoLoader
import expo.modules.ApplicationLifecycleDispatcher
import expo.modules.ReactNativeHostWrapper
class MainApplication : Application(), ReactApplication {
override val reactNativeHost: ReactNativeHost = ReactNativeHostWrapper(
this,
object : DefaultReactNativeHost(this) {
override fun getPackages(): List<ReactPackage> {
val packages = PackageList(this).packages
// Packages that cannot be autolinked yet can be added manually here, for example:
// packages.add(new MyReactNativePackage());
return packages
}
override fun getJSMainModuleName(): String = ".expo/.virtual-metro-entry"
override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG
override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED
}
)
override val reactHost: ReactHost
get() = ReactNativeHostWrapper.createReactHost(applicationContext, reactNativeHost)
override fun onCreate() {
super.onCreate()
SoLoader.init(this, OpenSourceMergedSoMapping)
if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
// If you opted-in for the New Architecture, we load the native entry point for this app.
load()
}
ApplicationLifecycleDispatcher.onApplicationCreate(this)
}
override fun onConfigurationChanged(newConfig: Configuration) {
super.onConfigurationChanged(newConfig)
ApplicationLifecycleDispatcher.onConfigurationChanged(this, newConfig)
}
}

BIN
android/app/src/main/res/drawable-hdpi/splashscreen_logo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 35 KiB

BIN
android/app/src/main/res/drawable-mdpi/splashscreen_logo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

BIN
android/app/src/main/res/drawable-xhdpi/splashscreen_logo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 54 KiB

BIN
android/app/src/main/res/drawable-xxhdpi/splashscreen_logo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 101 KiB

BIN
android/app/src/main/res/drawable-xxxhdpi/splashscreen_logo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 157 KiB

6
android/app/src/main/res/drawable/ic_launcher_background.xml

@ -1,6 +0,0 @@
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/splashscreen_background"/>
<item>
<bitmap android:gravity="center" android:src="@drawable/splashscreen_logo"/>
</item>
</layer-list>

37
android/app/src/main/res/drawable/rn_edit_text_material.xml

@ -1,37 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2014 The Android Open Source Project
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<inset xmlns:android="http://schemas.android.com/apk/res/android"
android:insetLeft="@dimen/abc_edit_text_inset_horizontal_material"
android:insetRight="@dimen/abc_edit_text_inset_horizontal_material"
android:insetTop="@dimen/abc_edit_text_inset_top_material"
android:insetBottom="@dimen/abc_edit_text_inset_bottom_material"
>
<selector>
<!--
This file is a copy of abc_edit_text_material (https://bit.ly/3k8fX7I).
The item below with state_pressed="false" and state_focused="false" causes a NullPointerException.
NullPointerException:tempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)'
<item android:state_pressed="false" android:state_focused="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
For more info, see https://bit.ly/3CdLStv (react-native/pull/29452) and https://bit.ly/3nxOMoR.
-->
<item android:state_enabled="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
<item android:drawable="@drawable/abc_textfield_activated_mtrl_alpha"/>
</selector>
</inset>

5
android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@ -1,5 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
<background android:drawable="@color/iconBackground"/>
<foreground android:drawable="@mipmap/ic_launcher_foreground"/>
</adaptive-icon>

5
android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml

@ -1,5 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
<background android:drawable="@color/iconBackground"/>
<foreground android:drawable="@mipmap/ic_launcher_foreground"/>
</adaptive-icon>

BIN
android/app/src/main/res/mipmap-hdpi/ic_launcher.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.7 KiB

BIN
android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

BIN
android/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

BIN
android/app/src/main/res/mipmap-mdpi/ic_launcher.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 KiB

BIN
android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.9 KiB

BIN
android/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

BIN
android/app/src/main/res/mipmap-xhdpi/ic_launcher.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.7 KiB

BIN
android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

BIN
android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

BIN
android/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

BIN
android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 59 KiB

BIN
android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

1
android/app/src/main/res/values-night/colors.xml

@ -1 +0,0 @@
<resources/>

6
android/app/src/main/res/values/colors.xml

@ -1,6 +0,0 @@
<resources>
<color name="splashscreen_background">#ffffff</color>
<color name="iconBackground">#ffffff</color>
<color name="colorPrimary">#023c69</color>
<color name="colorPrimaryDark">#ffffff</color>
</resources>

8
android/app/src/main/res/values/strings.xml

@ -1,8 +0,0 @@
<resources>
<string name="app_name">brainnel</string>
<string name="expo_splash_screen_resize_mode" translatable="false">contain</string>
<string name="expo_splash_screen_status_bar_translucent" translatable="false">false</string>
<string name="facebook_app_id">995035562798467</string>
<string name="facebook_client_token">2005c337398b1c286e2a189e4e4417ac</string>
<string name="fb_login_protocol_scheme">fb995035562798467</string>
</resources>

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

@ -1,17 +0,0 @@
<resources xmlns:tools="http://schemas.android.com/tools">
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<item name="android:textColor">@android:color/black</item>
<item name="android:editTextStyle">@style/ResetEditText</item>
<item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
<item name="colorPrimary">@color/colorPrimary</item>
<item name="android:statusBarColor">#ffffff</item>
</style>
<style name="ResetEditText" parent="@android:style/Widget.EditText">
<item name="android:padding">0dp</item>
<item name="android:textColorHint">#c8c8c8</item>
<item name="android:textColor">@android:color/black</item>
</style>
<style name="Theme.App.SplashScreen" parent="AppTheme">
<item name="android:windowBackground">@drawable/ic_launcher_background</item>
</style>
</resources>

25
android/app/src/main/res/xml/network_security_config.xml

@ -1,25 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
<!-- 允许开发环境的HTTP连接 -->
<domain-config cleartextTrafficPermitted="true">
<domain includeSubdomains="true">localhost</domain>
<domain includeSubdomains="true">127.0.0.1</domain>
<domain includeSubdomains="true">10.0.2.2</domain>
<domain includeSubdomains="true">10.0.3.2</domain>
</domain-config>
<!-- 生产环境HTTPS域名配置 -->
<domain-config cleartextTrafficPermitted="false">
<domain includeSubdomains="true">api.brainnel.com</domain>
<trust-anchors>
<certificates src="system"/>
</trust-anchors>
</domain-config>
<!-- 基础配置 -->
<base-config cleartextTrafficPermitted="true">
<trust-anchors>
<certificates src="system"/>
</trust-anchors>
</base-config>
</network-security-config>

42
android/build.gradle

@ -1,42 +0,0 @@
// Top-level build file where you can add configuration options common to all sub-projects/modules.
buildscript {
ext {
buildToolsVersion = findProperty('android.buildToolsVersion') ?: '35.0.0'
minSdkVersion = Integer.parseInt(findProperty('android.minSdkVersion') ?: '24')
compileSdkVersion = Integer.parseInt(findProperty('android.compileSdkVersion') ?: '35')
targetSdkVersion = Integer.parseInt(findProperty('android.targetSdkVersion') ?: '34')
kotlinVersion = findProperty('android.kotlinVersion') ?: '1.9.25'
ndkVersion = "26.1.10909125"
}
repositories {
google()
mavenCentral()
}
dependencies {
classpath 'com.google.gms:google-services:4.4.1'
classpath('com.android.tools.build:gradle')
classpath('com.facebook.react:react-native-gradle-plugin')
classpath('org.jetbrains.kotlin:kotlin-gradle-plugin')
}
}
apply plugin: "com.facebook.react.rootproject"
allprojects {
repositories {
maven {
// All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
url(new File(['node', '--print', "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim(), '../android'))
}
maven {
// Android JSC is installed from npm
url(new File(['node', '--print', "require.resolve('jsc-android/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim(), '../dist'))
}
google()
mavenCentral()
maven { url 'https://www.jitpack.io' }
}
}

58
android/gradle.properties

@ -1,58 +0,0 @@
# Project-wide Gradle settings.
# IDE (e.g. Android Studio) users:
# Gradle settings configured through the IDE *will override*
# any settings specified in this file.
# For more details on how to configure your build environment visit
# http://www.gradle.org/docs/current/userguide/build_environment.html
# Specifies the JVM arguments used for the daemon process.
# The setting is particularly useful for tweaking memory settings.
# Default value: -Xmx512m -XX:MaxMetaspaceSize=256m
org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
# When configured, Gradle will run in incubating parallel mode.
# This option should only be used with decoupled projects. More details, visit
# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
# org.gradle.parallel=true
# AndroidX package structure to make it clearer which packages are bundled with the
# Android operating system, and which are packaged with your app's APK
# https://developer.android.com/topic/libraries/support-library/androidx-rn
android.useAndroidX=true
# Enable AAPT2 PNG crunching
android.enablePngCrunchInReleaseBuilds=true
# Use this property to specify which architecture you want to build.
# You can also override it from the CLI using
# ./gradlew <task> -PreactNativeArchitectures=x86_64
reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
# Use this property to enable support to the new architecture.
# This will allow you to use TurboModules and the Fabric render in
# your application. You should enable this flag either if you want
# to write custom TurboModules/Fabric components OR use libraries that
# are providing them.
newArchEnabled=true
# Use this property to enable or disable the Hermes JS engine.
# If set to false, you will be using JSC instead.
hermesEnabled=true
# Enable GIF support in React Native images (~200 B increase)
expo.gif.enabled=true
# Enable webp support in React Native images (~85 KB increase)
expo.webp.enabled=true
# Enable animated webp support (~3.4 MB increase)
# Disabled by default because iOS doesn't support animated webp
expo.webp.animated=false
# Enable network inspector
EX_DEV_CLIENT_NETWORK_INSPECTOR=true
# Use legacy packaging to compress native libraries in the resulting APK.
expo.useLegacyPackaging=false
android.extraMavenRepos=[]

BIN
android/gradle/wrapper/gradle-wrapper.jar vendored

Binary file not shown.

7
android/gradle/wrapper/gradle-wrapper.properties vendored

@ -1,7 +0,0 @@
distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-8.10.2-all.zip
networkTimeout=10000
validateDistributionUrl=true
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists

252
android/gradlew vendored

@ -1,252 +0,0 @@
#!/bin/sh
#
# Copyright © 2015-2021 the original authors.
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
# https://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
#
# SPDX-License-Identifier: Apache-2.0
#
##############################################################################
#
# Gradle start up script for POSIX generated by Gradle.
#
# Important for running:
#
# (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
# noncompliant, but you have some other compliant shell such as ksh or
# bash, then to run this script, type that shell name before the whole
# command line, like:
#
# ksh Gradle
#
# Busybox and similar reduced shells will NOT work, because this script
# requires all of these POSIX shell features:
# * functions;
# * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
# «${var#prefix}», «${var%suffix}», and «$( cmd )»;
# * compound commands having a testable exit status, especially «case»;
# * various built-in commands including «command», «set», and «ulimit».
#
# Important for patching:
#
# (2) This script targets any POSIX shell, so it avoids extensions provided
# by Bash, Ksh, etc; in particular arrays are avoided.
#
# The "traditional" practice of packing multiple parameters into a
# space-separated string is a well documented source of bugs and security
# problems, so this is (mostly) avoided, by progressively accumulating
# options in "$@", and eventually passing that to Java.
#
# Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
# and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
# see the in-line comments for details.
#
# There are tweaks for specific operating systems such as AIX, CygWin,
# Darwin, MinGW, and NonStop.
#
# (3) This script is generated from the Groovy template
# https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
# within the Gradle project.
#
# You can find Gradle at https://github.com/gradle/gradle/.
#
##############################################################################
# Attempt to set APP_HOME
# Resolve links: $0 may be a link
app_path=$0
# Need this for daisy-chained symlinks.
while
APP_HOME=${app_path%"${app_path##*/}"} # leaves a trailing /; empty if no leading path
[ -h "$app_path" ]
do
ls=$( ls -ld "$app_path" )
link=${ls#*' -> '}
case $link in #(
/*) app_path=$link ;; #(
*) app_path=$APP_HOME$link ;;
esac
done
# This is normally unused
# shellcheck disable=SC2034
APP_BASE_NAME=${0##*/}
# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s
' "$PWD" ) || exit
# Use the maximum available, or set MAX_FD != -1 to use that value.
MAX_FD=maximum
warn () {
echo "$*"
} >&2
die () {
echo
echo "$*"
echo
exit 1
} >&2
# OS specific support (must be 'true' or 'false').
cygwin=false
msys=false
darwin=false
nonstop=false
case "$( uname )" in #(
CYGWIN* ) cygwin=true ;; #(
Darwin* ) darwin=true ;; #(
MSYS* | MINGW* ) msys=true ;; #(
NONSTOP* ) nonstop=true ;;
esac
CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
# Determine the Java command to use to start the JVM.
if [ -n "$JAVA_HOME" ] ; then
if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
# IBM's JDK on AIX uses strange locations for the executables
JAVACMD=$JAVA_HOME/jre/sh/java
else
JAVACMD=$JAVA_HOME/bin/java
fi
if [ ! -x "$JAVACMD" ] ; then
die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
Please set the JAVA_HOME variable in your environment to match the
location of your Java installation."
fi
else
JAVACMD=java
if ! command -v java >/dev/null 2>&1
then
die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
Please set the JAVA_HOME variable in your environment to match the
location of your Java installation."
fi
fi
# Increase the maximum file descriptors if we can.
if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
case $MAX_FD in #(
max*)
# In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
# shellcheck disable=SC2039,SC3045
MAX_FD=$( ulimit -H -n ) ||
warn "Could not query maximum file descriptor limit"
esac
case $MAX_FD in #(
'' | soft) :;; #(
*)
# In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
# shellcheck disable=SC2039,SC3045
ulimit -n "$MAX_FD" ||
warn "Could not set maximum file descriptor limit to $MAX_FD"
esac
fi
# Collect all arguments for the java command, stacking in reverse order:
# * args from the command line
# * the main class name
# * -classpath
# * -D...appname settings
# * --module-path (only if needed)
# * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
# For Cygwin or MSYS, switch paths to Windows format before running java
if "$cygwin" || "$msys" ; then
APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
JAVACMD=$( cygpath --unix "$JAVACMD" )
# Now convert the arguments - kludge to limit ourselves to /bin/sh
for arg do
if
case $arg in #(
-*) false ;; # don't mess with options #(
/?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath
[ -e "$t" ] ;; #(
*) false ;;
esac
then
arg=$( cygpath --path --ignore --mixed "$arg" )
fi
# Roll the args list around exactly as many times as the number of
# args, so each arg winds up back in the position where it started, but
# possibly modified.
#
# NB: a `for` loop captures its iteration list before it begins, so
# changing the positional parameters here affects neither the number of
# iterations, nor the values presented in `arg`.
shift # remove old arg
set -- "$@" "$arg" # push replacement arg
done
fi
# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
# Collect all arguments for the java command:
# * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
# and any embedded shellness will be escaped.
# * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
# treated as '${Hostname}' itself on the command line.
set -- \
"-Dorg.gradle.appname=$APP_BASE_NAME" \
-classpath "$CLASSPATH" \
org.gradle.wrapper.GradleWrapperMain \
"$@"
# Stop when "xargs" is not available.
if ! command -v xargs >/dev/null 2>&1
then
die "xargs is not available"
fi
# Use "xargs" to parse quoted args.
#
# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
#
# In Bash we could simply go:
#
# readarray ARGS < <( xargs -n1 <<<"$var" ) &&
# set -- "${ARGS[@]}" "$@"
#
# but POSIX shell has neither arrays nor command substitution, so instead we
# post-process each arg (as a line of input to sed) to backslash-escape any
# character that might be a shell metacharacter, then use eval to reverse
# that process (while maintaining the separation between arguments), and wrap
# the whole thing up as a single "set" statement.
#
# This will of course break if any of these variables contains a newline or
# an unmatched quote.
#
eval "set -- $(
printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
xargs -n1 |
sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
tr '\n' ' '
)" '"$@"'
exec "$JAVACMD" "$@"

94
android/gradlew.bat vendored

@ -1,94 +0,0 @@
@rem
@rem Copyright 2015 the original author or authors.
@rem
@rem Licensed under the Apache License, Version 2.0 (the "License");
@rem you may not use this file except in compliance with the License.
@rem You may obtain a copy of the License at
@rem
@rem https://www.apache.org/licenses/LICENSE-2.0
@rem
@rem Unless required by applicable law or agreed to in writing, software
@rem distributed under the License is distributed on an "AS IS" BASIS,
@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
@rem See the License for the specific language governing permissions and
@rem limitations under the License.
@rem
@rem SPDX-License-Identifier: Apache-2.0
@rem
@if "%DEBUG%"=="" @echo off
@rem ##########################################################################
@rem
@rem Gradle startup script for Windows
@rem
@rem ##########################################################################
@rem Set local scope for the variables with windows NT shell
if "%OS%"=="Windows_NT" setlocal
set DIRNAME=%~dp0
if "%DIRNAME%"=="" set DIRNAME=.
@rem This is normally unused
set APP_BASE_NAME=%~n0
set APP_HOME=%DIRNAME%
@rem Resolve any "." and ".." in APP_HOME to make it shorter.
for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
@rem Find java.exe
if defined JAVA_HOME goto findJavaFromJavaHome
set JAVA_EXE=java.exe
%JAVA_EXE% -version >NUL 2>&1
if %ERRORLEVEL% equ 0 goto execute
echo. 1>&2
echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
echo. 1>&2
echo Please set the JAVA_HOME variable in your environment to match the 1>&2
echo location of your Java installation. 1>&2
goto fail
:findJavaFromJavaHome
set JAVA_HOME=%JAVA_HOME:"=%
set JAVA_EXE=%JAVA_HOME%/bin/java.exe
if exist "%JAVA_EXE%" goto execute
echo. 1>&2
echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
echo. 1>&2
echo Please set the JAVA_HOME variable in your environment to match the 1>&2
echo location of your Java installation. 1>&2
goto fail
:execute
@rem Setup the command line
set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
@rem Execute Gradle
"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
:end
@rem End local scope for the variables with windows NT shell
if %ERRORLEVEL% equ 0 goto mainEnd
:fail
rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
rem the _cmd.exe /c_ return code!
set EXIT_CODE=%ERRORLEVEL%
if %EXIT_CODE% equ 0 set EXIT_CODE=1
if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
exit /b %EXIT_CODE%
:mainEnd
if "%OS%"=="Windows_NT" endlocal
:omega

38
android/settings.gradle

@ -1,38 +0,0 @@
pluginManagement {
includeBuild(new File(["node", "--print", "require.resolve('@react-native/gradle-plugin/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim()).getParentFile().toString())
}
plugins { id("com.facebook.react.settings") }
extensions.configure(com.facebook.react.ReactSettingsExtension) { ex ->
if (System.getenv('EXPO_USE_COMMUNITY_AUTOLINKING') == '1') {
ex.autolinkLibrariesFromCommand()
} else {
def command = [
'node',
'--no-warnings',
'--eval',
'require(require.resolve(\'expo-modules-autolinking\', { paths: [require.resolve(\'expo/package.json\')] }))(process.argv.slice(1))',
'react-native-config',
'--json',
'--platform',
'android'
].toList()
ex.autolinkLibrariesFromCommand(command)
}
}
rootProject.name = 'brainnel'
dependencyResolutionManagement {
versionCatalogs {
reactAndroidLibs {
from(files(new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim(), "../gradle/libs.versions.toml")))
}
}
}
apply from: new File(["node", "--print", "require.resolve('expo/package.json')"].execute(null, rootDir).text.trim(), "../scripts/autolinking.gradle");
useExpoModules()
include ':app'
includeBuild(new File(["node", "--print", "require.resolve('@react-native/gradle-plugin/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim()).getParentFile())

393
app/screens/HomeScreen.tsx

@ -422,6 +422,89 @@ const CarouselBanner = React.memo(
return prevProps.onCameraPress === nextProps.onCameraPress;
}
);
// 优化的产品项组件 - 使用React.memo避免不必要的重新渲染
const ProductItem = React.memo(
({
item,
onPress,
userStore,
t,
}: {
item: Product & { _uniqueId?: number };
onPress: (item: Product) => void;
userStore: any;
t: any;
}) => (
<TouchableOpacity
onPress={() => onPress(item)}
activeOpacity={0.9}
style={styles.beautyProductCard1}
>
<View style={styles.beautyCardContainer1}>
{item.product_image_urls && item.product_image_urls.length > 0 ? (
<LazyImage
uri={item.product_image_urls[0]}
style={styles.productImage}
resizeMode="cover"
/>
) : (
<View style={[styles.productImage as any, styles.imagePlaceholder]}>
<IconComponent name="image-outline" size={24} color="#999" />
</View>
)}
{userStore.user?.user_id && (
<View style={styles.vipButtonContainer}>
<TouchableOpacity style={styles.vipButton}>
<Text style={styles.vipButtonText}>VIP</Text>
<Text style={styles.vipLabelBold}>
{userStore.user?.vip_level}
</Text>
</TouchableOpacity>
</View>
)}
</View>
<View style={styles.beautyProductCard}>
<Text
style={styles.beautyProductTitle}
numberOfLines={2}
ellipsizeMode="tail"
>
{getSubjectTransLanguage(item) || item.subject_trans}
</Text>
<View style={styles.beautyProductInfoRow}>
<View style={styles.flexRowCentered}>
{userStore.user?.user_id && (
<Text style={styles.priceLabel1}>
{item.original_min_price || "0"}
{item.currency || "FCFA"}
</Text>
)}
<View style={styles.priceContainer}>
<Text style={styles.highlightedText}>
{item.min_price || "0"}
</Text>
<Text style={styles.highlightedText1}>
{item.currency || "FCFA"}
</Text>
</View>
</View>
</View>
<Text style={styles.beautySalesInfo}>
{item.sold_out || "0"}+ {t("homePage.sales")}
</Text>
</View>
</TouchableOpacity>
),
(prevProps, nextProps) => {
// 自定义比较函数,只有当关键属性改变时才重新渲染
return (
prevProps.item._uniqueId === nextProps.item._uniqueId &&
prevProps.item.offer_id === nextProps.item.offer_id &&
prevProps.item.min_price === nextProps.item.min_price &&
prevProps.userStore.user?.user_id === nextProps.userStore.user?.user_id
);
}
);
export const HomeScreen = () => {
const [activeIndex, setActiveIndex] = useState(0);
const screenWidth = Dimensions.get("window").width;
@ -439,6 +522,7 @@ export const HomeScreen = () => {
const [galleryUsed, setGalleryUsed] = useState(false);
const [hotTerms, setHotTerms] = useState<string[]>([]);
const [isLoadingHotTerms, setIsLoadingHotTerms] = useState(false);
// 直接在组件中实现分页加载逻辑
const [products, setProducts] = useState<Product[]>([]);
const [loading, setLoading] = useState(true);
@ -448,6 +532,19 @@ export const HomeScreen = () => {
const [currentPage, setCurrentPage] = useState(1);
const [loadingPlaceholders, setLoadingPlaceholders] = useState(0);
const [totalItems, setTotalItems] = useState(0);
// 添加用于去重的Set和唯一ID生成器
const seenProductIds = useRef(new Set<string>());
const productUniqueId = useRef(0);
// 添加防抖相关的ref
const loadMoreTimeoutRef = useRef<NodeJS.Timeout | null>(null);
const lastLoadMoreTime = useRef(0);
// 添加请求状态管理
const isRequestInProgress = useRef(false);
const requestQueue = useRef<Array<() => void>>([]);
const [params, setParams] = useState<ProductParams>({
keyword: "pen", // 初始关键词,将在获取热门关键词后更新
sort_order: "desc",
@ -458,6 +555,51 @@ export const HomeScreen = () => {
...(userStore.user?.user_id ? { user_id: userStore.user.user_id } : {}),
});
// 请求队列管理器
const executeNextRequest = useCallback(() => {
if (requestQueue.current.length > 0 && !isRequestInProgress.current) {
const nextRequest = requestQueue.current.shift();
if (nextRequest) {
nextRequest();
}
}
}, []);
// 添加请求到队列
const addToRequestQueue = useCallback((request: () => void) => {
requestQueue.current.push(request);
executeNextRequest();
}, [executeNextRequest]);
// 优化的产品数据处理函数
const processProductData = useCallback((newProducts: Product[]) => {
const uniqueProducts: Product[] = [];
newProducts.forEach(product => {
const productKey = `${product.offer_id}-${product.min_price}`;
if (!seenProductIds.current.has(productKey)) {
seenProductIds.current.add(productKey);
// 为每个产品添加唯一ID
const processedProduct = {
...product,
_uniqueId: ++productUniqueId.current
};
uniqueProducts.push(processedProduct);
}
});
return uniqueProducts;
}, []);
// 重置产品数据状态
const resetProductState = useCallback(() => {
setProducts([]);
setCurrentPage(1);
setHasMore(true);
seenProductIds.current.clear();
productUniqueId.current = 0;
}, []);
// 获取热门关键词并初始化产品列表
useEffect(() => {
const initApp = async () => {
@ -599,6 +741,7 @@ export const HomeScreen = () => {
const fetchInitialProducts = useCallback(
async (keyword: string) => {
setLoading(true);
resetProductState();
try {
// 第一页请求参数
@ -611,7 +754,9 @@ export const HomeScreen = () => {
// 获取第一页数据
const firstPageRes = await productApi.getSearchProducts(initialParams);
setProducts(firstPageRes.products);
const processedFirstPage = processProductData(firstPageRes.products);
setProducts(processedFirstPage);
setTotalItems(firstPageRes.total || 0);
if (hotTerms.length > 0) {
@ -666,17 +811,20 @@ export const HomeScreen = () => {
(result) => result.products
);
// 合并所有产品
setProducts((prev) => [...prev, ...additionalProducts]);
// 处理并合并额外的产品数据
const processedAdditionalProducts = processProductData(additionalProducts);
// 使用函数式更新避免闭包问题
setProducts(prev => [...prev, ...processedAdditionalProducts]);
setCurrentPage(4);
setHasMore(
firstPageRes.products.length + additionalProducts.length <
processedFirstPage.length + processedAdditionalProducts.length <
(firstPageRes.total || 0)
);
} else {
// 如果没有热门关键词,只使用第一页数据
setCurrentPage(1);
setHasMore(firstPageRes.products.length < (firstPageRes.total || 0));
setHasMore(processedFirstPage.length < (firstPageRes.total || 0));
}
} catch (error) {
console.error("获取产品数据失败:", error);
@ -684,42 +832,73 @@ export const HomeScreen = () => {
setLoading(false);
}
},
[params, hotTerms]
[params, hotTerms, processProductData, resetProductState]
);
// 加载更多产品
// 优化的加载更多函数,添加防抖机制
const handleLoadMore = useCallback(() => {
if (!hasMore || loadingMore || hotTerms.length === 0) return;
const now = Date.now();
// 防抖:如果距离上次加载时间小于1秒,则忽略
if (now - lastLoadMoreTime.current < 1000) {
return;
}
if (!hasMore || loadingMore || hotTerms.length === 0 || isRequestInProgress.current) return;
setLoadingMore(true);
setLoadingPlaceholders(10);
lastLoadMoreTime.current = now;
// 清除之前的定时器
if (loadMoreTimeoutRef.current) {
clearTimeout(loadMoreTimeoutRef.current);
}
// 设置新的定时器,延迟执行加载
loadMoreTimeoutRef.current = setTimeout(() => {
const loadMoreRequest = () => {
isRequestInProgress.current = true;
setLoadingMore(true);
setLoadingPlaceholders(10);
// 使用新的随机关键词
const newKeyword = getRandomKeyword();
// 使用新的随机关键词
const newKeyword = getRandomKeyword();
// 准备请求参数
const loadMoreParams = {
...params,
keyword: newKeyword,
page: currentPage + 1,
page_size: 10,
};
// 准备请求参数
const loadMoreParams = {
...params,
keyword: newKeyword,
page: currentPage + 1,
page_size: 10,
};
// 获取下一页数据
productApi
.getSearchProducts(loadMoreParams)
.then((res) => {
setProducts((prev) => [...prev, ...res.products]);
setCurrentPage((prev) => prev + 1);
setHasMore(products.length + res.products.length < (res.total || 0));
})
.catch((error) => {
console.error("加载更多失败:", error);
})
.finally(() => {
setLoadingMore(false);
setLoadingPlaceholders(0);
});
// 获取下一页数据
productApi
.getSearchProducts(loadMoreParams)
.then((res) => {
const processedNewProducts = processProductData(res.products);
// 使用函数式更新
setProducts(prev => {
const newTotal = prev.length + processedNewProducts.length;
setHasMore(newTotal < (res.total || 0));
return [...prev, ...processedNewProducts];
});
setCurrentPage(prev => prev + 1);
})
.catch((error) => {
console.error("加载更多失败:", error);
})
.finally(() => {
setLoadingMore(false);
setLoadingPlaceholders(0);
isRequestInProgress.current = false;
executeNextRequest(); // 执行队列中的下一个请求
});
};
addToRequestQueue(loadMoreRequest);
}, 300); // 300ms延迟
}, [
hasMore,
loadingMore,
@ -727,9 +906,20 @@ export const HomeScreen = () => {
getRandomKeyword,
params,
currentPage,
products.length,
processProductData,
addToRequestQueue,
executeNextRequest,
]);
// 清理定时器
useEffect(() => {
return () => {
if (loadMoreTimeoutRef.current) {
clearTimeout(loadMoreTimeoutRef.current);
}
};
}, []);
// 刷新产品列表
const handleRefresh = useCallback(async () => {
if (hotTerms.length === 0) return;
@ -832,67 +1022,15 @@ export const HomeScreen = () => {
});
}
};
const renderProductItem = ({ item }: { item: Product }) => (
<TouchableOpacity
onPress={() => handleProductPress(item)}
activeOpacity={0.9}
style={styles.beautyProductCard1}
>
<View style={styles.beautyCardContainer1}>
{item.product_image_urls && item.product_image_urls.length > 0 ? (
<LazyImage
uri={item.product_image_urls[0]}
style={styles.productImage}
resizeMode="cover"
/>
) : (
<View style={[styles.productImage as any, styles.imagePlaceholder]}>
<IconComponent name="image-outline" size={24} color="#999" />
</View>
)}
{userStore.user?.user_id && (
<View style={styles.vipButtonContainer}>
<TouchableOpacity style={styles.vipButton}>
<Text style={styles.vipButtonText}>VIP</Text>
<Text style={styles.vipLabelBold}>
{userStore.user?.vip_level}
</Text>
</TouchableOpacity>
</View>
)}
</View>
<View style={styles.beautyProductCard}>
<Text
style={styles.beautyProductTitle}
numberOfLines={2}
ellipsizeMode="tail"
>
{getSubjectTransLanguage(item) || item.subject_trans}
</Text>
<View style={styles.beautyProductInfoRow}>
<View style={styles.flexRowCentered}>
{userStore.user?.user_id && (
<Text style={styles.priceLabel1}>
{item.original_min_price || "0"}
{item.currency || "FCFA"}
</Text>
)}
<View style={styles.priceContainer}>
<Text style={styles.highlightedText}>
{item.min_price || "0"}
</Text>
<Text style={styles.highlightedText1}>
{item.currency || "FCFA"}
</Text>
</View>
</View>
</View>
<Text style={styles.beautySalesInfo}>
{item.sold_out || "0"}+ {t("homePage.sales")}
</Text>
</View>
</TouchableOpacity>
);
// 优化的产品项渲染函数
const renderProductItem = useCallback(({ item }: { item: Product & { _uniqueId?: number } }) => (
<ProductItem
item={item}
onPress={handleProductPress}
userStore={userStore}
t={t}
/>
), [handleProductPress, userStore, t]);
const renderSkeletonGrid = useCallback(() => {
const skeletonArray = Array(8).fill(null);
return (
@ -1000,15 +1138,39 @@ export const HomeScreen = () => {
const handleCameraPress = useCallback(() => {
setShowImagePickerModal(true);
}, []);
const renderItem = ({ item, index }: { item: Product; index: number }) => {
const renderItem = useCallback(({ item, index }: { item: Product & { _uniqueId?: number } | null; index: number }) => {
if (
index >= products.length &&
index < products.length + loadingPlaceholders
) {
return <ProductSkeleton />;
}
if (!item) {
return <ProductSkeleton />;
}
return renderProductItem({ item });
};
}, [products.length, loadingPlaceholders, renderProductItem]);
const keyExtractor = useCallback((item: (Product & { _uniqueId?: number }) | null, index: number) => {
if (!item) {
return `placeholder-${index}-${Date.now()}`;
}
// 使用唯一ID作为key,确保不重复
return item._uniqueId ? `product-${item._uniqueId}` : `${item.offer_id}-${index}-${Date.now()}`;
}, []);
const flatListData = useMemo(() => {
const baseData = [...products];
if (loadingPlaceholders > 0) {
const placeholders = Array(loadingPlaceholders).fill(null);
return [...baseData, ...placeholders];
}
return baseData;
}, [products, loadingPlaceholders]);
const renderHeader = () => (
<>
<View style={styles.bannerContainer}>
@ -1118,6 +1280,22 @@ export const HomeScreen = () => {
) : null}
</>
);
// 添加性能监控
const renderCount = useRef(0);
const lastRenderTime = useRef(Date.now());
useEffect(() => {
renderCount.current++;
const now = Date.now();
const timeSinceLastRender = now - lastRenderTime.current;
lastRenderTime.current = now;
if (__DEV__) {
console.log(`HomeScreen render #${renderCount.current}, time since last: ${timeSinceLastRender}ms`);
}
});
return (
<SafeAreaView style={styles.safeArea}>
<StatusBar barStyle="dark-content" backgroundColor="#fff" />
@ -1142,16 +1320,12 @@ export const HomeScreen = () => {
) : (
<FlatList
ref={flatListRef}
data={[...products, ...Array(loadingPlaceholders).fill(null)]}
data={flatListData}
numColumns={2}
showsVerticalScrollIndicator={false}
columnWrapperStyle={styles.productCardGroup}
renderItem={renderItem}
keyExtractor={(item, index) =>
item?.offer_id
? `${item.offer_id}-${currentPage}-${index}`
: `placeholder-${currentPage}-${index}`
}
keyExtractor={keyExtractor}
contentContainerStyle={{
paddingBottom: 15,
backgroundColor: "transparent",
@ -1169,6 +1343,10 @@ export const HomeScreen = () => {
<View style={{ padding: 10, alignItems: "center" }}>
<Text></Text>
</View>
) : loadingMore ? (
<View style={{ padding: 10, alignItems: "center" }}>
<Text>...</Text>
</View>
) : null
}
refreshControl={
@ -1180,6 +1358,13 @@ export const HomeScreen = () => {
progressBackgroundColor="transparent"
/>
}
initialNumToRender={6}
maxToRenderPerBatch={8}
windowSize={10}
removeClippedSubviews={Platform.OS !== "web"}
updateCellsBatchingPeriod={50}
getItemLayout={undefined}
extraData={products.length}
/>
)}
<Modal

13
app/screens/ProductCard.tsx

@ -54,6 +54,7 @@ const ProductCard: React.FC<ProductCardProps> = ({
title: '',
message: ''
});
const [alertConfirmCallback, setAlertConfirmCallback] = useState<(() => void) | null>(null);
const [images, setImages] = useState<string[]>([]);
const [currentImageIndex, setCurrentImageIndex] = useState(0);
const [imageViewerVisible, setImageViewerVisible] = useState(false);
@ -109,9 +110,10 @@ const ProductCard: React.FC<ProductCardProps> = ({
}, [localProduct, localGroupList]);
// 显示自定义警告
const showCustomAlert = (title: string, message: string) => {
const showCustomAlert = (title: string, message: string, callback?: () => void) => {
setAlertMessage({ title, message });
setAlertModalVisible(true);
setAlertConfirmCallback(callback ? () => callback : null);
};
// 处理数量输入弹窗确认
@ -167,7 +169,9 @@ const ProductCard: React.FC<ProductCardProps> = ({
// 加入购物车
const addCartHandel = () => {
if (!user_id) {
showCustomAlert(t("productCard.addFailed"), t("productCard.pleaseLoginFirst"));
showCustomAlert(t("productCard.addFailed"), t("productCard.pleaseLoginFirst"), () => {
navigation.navigate("Login");
});
return;
}
if (totalPrice === 0) {
@ -914,7 +918,10 @@ const ProductCard: React.FC<ProductCardProps> = ({
</TouchableOpacity>
<TouchableOpacity
style={styles.confirmButton}
onPress={() => setAlertModalVisible(false)}
onPress={() => {
setAlertModalVisible(false);
alertConfirmCallback?.();
}}
>
<Text style={styles.confirmText}>{t("productCard.confirm")}</Text>
</TouchableOpacity>

Loading…
Cancel
Save