navigation笔记

react native存在的问题
vscode怎样打断点
_onPressButton()为什么以下划线命名
setState用法 
render()用法

eslint报错 


不懂的地方:

不懂怎么调试
不懂apk入库

yarn start报错不知道怎么去解决 


1 怎样让调试栏目处于最顶部
2 怎样快速找到问题的地方
3 怎么快速打断点


类为什么前面加default import 

如何快速找到该类
线上环境 suyan-test-js/Ssuyan-cmss-1234
Ssuyan-cmss-1234

另外一个props是从哪过来的


undefined 空区别 



环境出现问题
1 查看js 和java端环境
2 删除掉缓存
3 退出编译器重新打开 两个编译器
4 androidstudio运行


EnlargeTopEmotionBar
ShinkTopEmotionBar 之间的区别 

快速打包 


开会之前提前看评审,只说问题,不需要一个个过



不太懂为什么是这个结果

function* fibs() {
    let a = 0;
    let b = 1;
   
    while (true) {
      console.log('b==')
      // yield a;
      [a, b] = [b, a + b];
      console.log('b=='+b)
    }
 
  }
  
  let [first, second, third, fourth, fifth, sixth] = fibs();

  // console.log(first)
  // console.log(second)
  // console.log(third)
  // console.log(fourth)
  // console.log(fifth)
  // console.log(sixth)


  
导航为什么这么写?
 Auth: {
            screen: AuthStack
        },
const AuthStack = createStackNavigator(
    {
        Login: {
            screen: Login
        }
    }
);

export default createSwitchNavigator(
    {
        Auth: {
            screen: AuthStack
        },
        App: AppStack
    }
)

报错
 <View style={styles.section, styles.lastSection}>

 
    let picType=this.state.condition.pic||'';
        if(picType==='1'){
            this.setState({ condition: { sortType: 1 } });
        }

不懂为什么不能这样写
 picType={this.this.state.navigationParams.itemInfo.picType}


Component  不太懂



不懂
redux全局使用

https://blog.csdn.net/weixin_40166364/article/details/78354663

https://blog.csdn.net/andy_zhang2007/article/details/80080780

https://stackoverrun.com/cn/q/12153178

---------
    <Stack.Screen name="Home" component={HomeScreen }
    function HomeScreen({ navigation }) {}

---------

react-native ScrollView 布局方向

dp概念

入门

https://juejin.im/post/5d6f27266fb9a06ad45162e1
 setTimeout(resolve, ms, 'done');方法
 map方法

function timeout(ms) {
  return new Promise((resolve, reject) => {
    setTimeout(resolve, ms, 'done');
  });
}

timeout(100).then((value) => {
  console.log(value);
});

知识点
https://juejin.im/post/5d6f27266fb9a06ad45162e1

promise
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise  已经处理

https://juejin.im/post/5b605b035188251a90189c61


text是从哪来的,怎样把值传过来
inputChange = {(text)=> this.inputChange(text)


css属性  
https://www.runoob.com/cssref/css3-pr-align-items.html


react-native 有道笔记整理 已经处理 

空指针  已经处理

const colors = {
    'light': {
        backgroundColor: '#ebebeb',
        itembgColor: '#fff',
        itemTextColor: '#333',
        borderColor: '#dddddd',
        borderColorSystemItem: '#dddddd',
        borderBottomColor: '#ddd',
        textInputBgColor: '#fff',
        contentColor: '#666',
        lableColor: '#333',
        itemTextSectionColor: '#999'
    },
    'dark': {
        backgroundColor: '#1b1b1b',
        itembgColor: '#262626',
        itemTextColor: '#999',
        borderColor: '#dddddd',
        borderColorTranslucence: 'rgba(221,221,221,0.5)',
        borderColorSystemItem: '#1b1b1b',
        textContent:'#888888',
        textContentBackGround:'#353535',
        buttonBgColor:'#c6c7c6',
        itemTextSectionColor:'#777777',
        buttonBgColorTranslucence:'rgba(198,199,198,0.5)',
    },
    darkValue:'dark',
    lightValue:'light'

}

style={[{position: 'absolute', bottom: 0},  已经处理
                          props.style]

   为什么有  props.style 

   

idea激活   已经处理


item index是从哪里过来的 ?  好像是react flatList提供 已经处理

    _keyExtractor = (item, index) => {
        console.log('----(item, index)------ ')
        console.log(item)
        console.log(index)
        return index.toString();
    }




  react-native-picker
  https://www.npmjs.com/package/react-native-picker
  https://www.jianshu.com/p/90f8d1f3d638
点击改变按钮背景色  已经处理
https://www.jianshu.com/p/e9a4843fd873


idea禁止更新提示

isNaN是什么?? 为什么要加入这个判断选项

再全面一点：(typeof(num)==="number")&&(num!==Infinity)&&!isNaN(num)


为什么_onPressButton()前面不需要加function
export default class ButtonBasics extends Component {
_onPressButton()  {
    alert('You tapped the button!')
  }


  }


图片加载不出来---没有声明权限??

vscode 参数提示
idea 参数提示

静态布局写法,静态布局显示和隐藏


不懂
redux全局使用


js 怎样调用原生代码


android 启动页面之前的状态栏颜色 
主题确定窗口的颜色,代码确定布局背景颜色 
在启动页面前面加状态栏颜色
 <style name="AppTheme.Splash" parent="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <item name="android:statusBarColor" tools:ignore="NewApi">@color/color_CCCCCC</item>
    </style>

    改变窗口背景色
 <style name="AppThemeDark" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="background">@color/colorPrimaryDark</item>
        <item name="android:windowBackground">@color/colorPrimaryDark</item>
    </style>


    os version 不懂 


    
react-native 不调试的情况下 运行报错没有日志记录 

toast报错
import RootSiblings from 'react-native-root-siblings';

导航底部图标不显示

npm install 依赖莫名奇妙升级

// import App from './pages/navigators/tab/iconNavigation';

$ react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
Loading dependency graph, done.
error Unable to resolve module `expo-font` from `node_modules/@expo/vector-icons/build/createIconSet.js`: expo-font could not be found within the project.

If you are sure the module exists, try these steps:
 1. Clear watchman watches: watchman watch-del-all
 2. Delete node_modules: rm -rf node_modules and run yarn install
 3. Reset Metro's cache: yarn start --reset-cache
 4. Remove the cache: rm -rf /tmp/metro-*. Run CLI with --verbose flag for more details.
Error: Unable to resolve module `expo-font` from `node_modules/@expo/vector-icons/build/createIconSet.js`: expo-font could not be found within the project.

If you are sure the module exists, try these steps:
 1. Clear watchman watches: watchman watch-del-all
 2. Delete node_modules: rm -rf node_modules and run yarn install
 3. Reset Metro's cache: yarn start --reset-cache
 4. Remove the cache: rm -rf /tmp/metro-*
    at ModuleResolver.resolveDependency (/Users/steven/yuqing/demo/NavicationBar/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:186:15)
    at ResolutionRequest.resolveDependency (/Users/steven/yuqing/demo/NavicationBar/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (/Users/steven/yuqing/demo/NavicationBar/node_modules/metro/src/node-haste/DependencyGraph.js:282:16)
    at Object.resolve (/Users/steven/yuqing/demo/NavicationBar/node_modules/metro/src/lib/transformHelpers.js:267:42)
    at /Users/steven/yuqing/demo/NavicationBar/node_modules/metro/src/DeltaBundler/traverseDependencies.js:426:31
    at Array.map (<anonymous>)
    at resolveDependencies (/Users/steven/yuqing/demo/NavicationBar/node_modules/metro/src/DeltaBundler/traverseDependencies.js:423:18)
    at /Users/steven/yuqing/demo/NavicationBar/node_modules/metro/src/DeltaBundler/traverseDependencies.js:275:33
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (/Users/steven/yuqing/demo/NavicationBar/node_modules/metro/src/DeltaBundler/traverseDependencies.js:87:24)

# steven @ Steven-MacBook-Pro in ~/yuqing/demo/NavicationBar on git:master x [16:38:18] C:1
$ react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
Loading dependency graph, done.

navigation4
https://www.cnblogs.com/vipstone/p/7516115.html

React-navigation5.x(createBottomTabNavigator)底部导航栏

https://juejin.im/post/5e5744ac6fb9a07cd74f5762
navigation筆記

react-native 第三方庫

isFinite使用說明

react-native 發送接收“廣播”

webvie使用--官方api

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結
